Estoy tratando de seleccionar el primero h1
dentro de div
con una clase llamada detail_container
. Funciona si h1
es el primer elemento dentro de esto div
, pero si viene después de esto ul
, no funcionará.
<style type="text/css">
.detail_container h1:first-child
{
color:blue;
}
</style>
</head>
<body>
<div class="detail_container">
<ul>
<li></li>
<li></li>
</ul>
<h1>First H1</h1>
<h1>Second H1</h1>
</div>
</body>
</html>
Tenía la impresión de que el CSS que tengo seleccionará el primero h1
sin importar dónde esté en esto div
. ¿Cómo puedo hacer que funcione?