¿Cuál es la sintaxis del selector en CSS para el siguiente elemento?
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 asegurarme de que <p>al usar CSS se usen todas las etiquetas que siguen a h1.hc-reform:clear:both;
sera eso:
h1.hc-reform > p{
clear:both;
}
por alguna razón eso no funciona.
Aceptado
Esto se llama selector de hermanos adyacentes y está representado por un signo más...
h1.hc-reform + p {
clear:both;
}
Nota: esto no es compatible con IE6 o versiones anteriores.
Puedes usar el selector de hermanos ~ :
h1.hc-reform ~ p{
clear:both;
}
Esto selecciona todos los pelementos que vienen después .hc-reform, no solo el primero.
no >es un selector de niños.
el que quieres es+
así que inténtaloh1.hc-reform + p
el soporte del navegador no es excelente
