left up right
Contextual Selectors
p em { color: green}
p em strong{ color: brown}
p strong {color:red}
div p em strong{ color:blue}
......
<p>A paragraph with <em>emphasis</em> and <strong>strength</strong> 
 and <em><strong>emphasised strength</strong></em></p>
<div><p>A paragraph with <em>emphasis</em> and <strong>strength</strong> 
 and <em><strong>emphasised strength</strong></em> inside a div</p></div>

Strong emphasis within a paragraph would be coloured blue if the paragraph was part of a div

Effectively, the selector is read backwards: any strong that is part of an em that is a descendant of a p that is a descendant of a div

A paragraph with emphasis and strength and emphasised strength

A paragraph with emphasis and strength and emphasised strength inside a div