You implement an application by using HTML5 and JavaScript. You create a webpage that contains the following HTML:
The application must place a border on only the first UL element that is contained in the DIV element.
You need to update the webpage.
What should you do?
To place a border on only the first UL element contained in the DIV element with an id of 'container,' you need to use a CSS selector that specifically targets the UL element directly under the DIV element with the id 'container'. The correct jQuery selector for this purpose is '#container > ul'. This will ensure that only the first UL element inside the DIV element gets styled with a border. None of the CSS suggestions or the other jQuery selectors provided are as precise for this requirement.
correct answer is B : .container is for class. There is id="container" which is #container
Answer D is incorrect. The selector ".container ul" will not work, because the <div> does not have a class attribute. I believe answer B will work since the selector "div#container ul" will select the <ul> inside the <div> with id="container".
I went and tested all options, And B is the only correct answer
Why cant it be C? first ul element of its parent (div)??
Sorry i understand now its because both ul's are the first ul's of their parent. First ul of div and first ul of li
Answer D id wrong the selector ".container " is not a class its an id element , it should be #container. i think c is correct
$("div#container > ul").css("border", "1px solid black"); - Correct, i Tested
correct answer is "D". The CSS file is an external one, so only option "C" is correct.