<div class="um"> <p>Primeiro parágrafo com <i>texto itálico</i></p> <div> <i>texto em itálico</i> <p>Parágrafo dentro do DIV com <i>texto itálico</i></p> <p>Outro parágrafo dentro do DIV com <i>texto itálico</i></p> <span>Elemento SPAN dentro do DIV com <i>texto itálico</span> </div> <i>texto em itálico</i> </div> <hr> <div class="dois"> <p>Primeiro parágrafo com <i>texto itálico</i></p> <div> <i>texto em itálico</i> <p>Parágrafo dentro do DIV com <i>texto itálico</i></p> <p>Outro parágrafo dentro do DIV com <i>texto itálico</i></p> <span>Elemento SPAN dentro do DIV com <i>texto itálico</span> </div> <i>texto em itálico</i> </div>
.um p ~ i { color: red; } .dois p + div i ~ p { color: blue; }