[html] CSS siguiente elemento


Answers

Puede usar el selector de hermanos ~ :

h1.hc-reform ~ p{
     clear:both;
}

Esto selecciona todos los elementos p que vienen después de .hc-reform , no solo el primero.

Question

si tengo una etiqueta de encabezado <h1 class="hc-reform">title</h1>

h1.hc-reform{
    float:left;
    font-size:30px;
    color:#0e73bb;
    font-weight:bold;
    margin:10px 0px;
}

y después de eso tengo un párrafo <p>stuff here</p>

¿Cómo puedo decir con CSS que cada etiqueta <p> que sigue a la h1.hc-reform utiliza: clear:both;

sera eso:

h1.hc-reform > p{
     clear:both;
}

por alguna razón, eso no está funcionando.




El > es un selector de niños . Entonces, si tu HTML se ve así:

<h1 class="hc-reform">
    title
    <p>stuff here</p>
</h1>

... entonces ese es tu boleto.

Pero si tu HTML se ve así:

<h1 class="hc-reform">
    title
</h1>
<p>stuff here</p>

Entonces quieres el selector adyacente :

h1.hc-reform + p{
     clear:both;
}



Related