<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 + div { border: 1px solid navy; background: lightpink;} .dois p + div p + p { border: 1px solid navy; background: lightsalmon;}