CSS contextual styles (selectors)

With a contextual style you can target html elements within a <div> box.

Here's 3 <div> boxes with p text in them ..

<div id="content-box-1">
<p>content-box-1 content goes here</p>
</div>

<div id="content-box-2">
<p>content-box-2 content goes here</p>
</div>

<div id="content-box-3">
<p>content-box-3 content goes here</p>
</div>

 

This style will affect the paragraph text in all three boxes ..

p {
font-color: #639;
}

 

But this style will only affect the paragraph text in "content-box-2" ..

#content-box-2 p {
font-color: #639;
}