CSS Selector demo

by TigerAsks

HTML

<div class="highlighted">
    <p>Hello World</p>
    <span>How are you?</span>
</div>
<p>Hello <span class="highlighted">World</span></p>
<p class="highlighted">Hello World</p>

CSS

p {
    color: blue;
}

.highlighted p {
    color: green;
}

p .highlighted {
    color: red;
    background: lightgray;
}

p.highlighted {
    background:yellow;
}