There are currently no frequently asked questions associated with this exercise – that’s where you come in! You can contribute to this section by offering your own questions, answers, or clarifications on this exercise. Ask or answer a question by clicking reply () below.
If you’ve had an “aha” moment about the concepts, formatting, syntax, or anything else with this exercise, consider sharing those insights! Teaching others and answering their questions is one of the best ways to learn and stay sharp.
Join the Discussion. Help a fellow learner on their journey.
Ask or answer a question about this exercise by clicking reply () below!
You can also find further discussion and get answers to your questions over in Language Help.
Agree with a comment or answer? Like () to up-vote the contribution!
For the > selector, have a look at CSS element>element Selector
(Pay particular attention to the remark: Elements that are not directly a child of the specified parent, are not selected). With that in mind, have a look at the “Try it Yourself” example in the linked webpage which shows that for the selector div > p, a direct child (paragraph) of a div will be selected, while another paragraph element which is nested deeper and is not direct child of a div will not be selected.
So the first one (h2.destination) is more clear right? It’s just targeting all of the h2’s that have the class destination. That one is pretty straight forward. Any h2’s with that class in the whole html doc will be edited. Those look like:
The difficulty is understanding why .description h5 is any different. So what this second one is doing is taking WHATEVER element in the html code that has the class of “description” and looking at the h5’s that are nested underneath that. So here are some pieces of html code that it would target:
In your directions I often notice that an h5 with left and right arrows refers to html and h5 with no arrows refers to css. Is this correct? Left and right arrows html? No left and right arrows css? is this a standard or just sometimes? I just now noticed that I can not type in a left arrow or a right arrow in this dialog box.
Is it possible to select the descendants of an element without that element having a class? Like, for instance, if div did not have the class of description?
I found out! You do just this in the next exercise, without much explanation. I learned from the next lessions forms that the way you do this is by listing the descendant elements you want to target after the element they are nested in. So, for my question, it would be div h5 in CSS with just the space and then the curly braces.