Home
Sample HTML
<div id=”content”>
<h1> Heading Here </h1>
<p> Lorem ipsum dolor sit amet. </p>
<p>Lorem ipsum dolor <a href=”#”>sit</a> amet.</p>
<div>
<div id=”nav”>
<ul>
<li><a href=”#”>Item 1</a></li>
<li><a href=”#”>Item 2</a></li>
<li><a href=”#”>Item 3</a></li>
</ul>
</div>
<div id=”footer”>
Lorem ipsum dolor <a href=”#”>sit</a> amet.
</div>
</body>
Descendant Selectors
Descendant selectors are used to selected elements that are descendants of another element
For example, in the HTML sample shown above, three <a> elements are descendants of the <li> elements. To target these three <a> elements only, and not all other <a> elements, a descendant selector can be used. This selector targets any <a> element that is nested inside an <li> element.
color:green;
}
Descendant selectors do not have to use direct descendant elements. For example, the <a> element is a descendant of <div id=”nav”> as well as the <li> element. This means that #nav a can be used as a selector as well.
color: red;
}
Descendant selectors also can include multiple levels of descendants to be more specific.
color: green;
}
Helpful Articles
Trying to Lose Weight, Go Out With Friend And Family And Not Offend
This may sound amazing, but one of the hardest things to do when you are losing weight is to get the help of friends and family...
Top 10 Weight Loss Myths
Have you sometimes felt confused about weight loss and nutrition guides that should help you take the right decisions about your health, yet for some reason they don’t? Here are some of the most frequent weight loss theories, and their rebuttals...
How Do I Get Out Of A Weight Loss Plateau, Problem And Solution No. 2
When you ask the question “how do I get our of a weight loss plateau?” there can be more than one answer, depending on what the reason for the problem is...
Tags: CSS, descendant, h1, h2, How To, id, rules, selectors, tags, Tutorials
There often obviously a lot to know about this. I think you created some really points in Features also.