Suponiendo que tengo este codigo html:
Código:
<ul id="specials">
<li>
<div class="special">
<h2>Titulo</h2>
<img src="#" alt="" />
</div>
</li>
<li>
<div class="special">
<h2>Titulo</h2>
<img src="#" alt="" />
</div>
</li>
</ul>
Deberia poner el CSS asi:
Código:
ul#special {
}
ul#special li {
}
ul#special li div.special {
}
ul#special li div.special h2 {
}
ul#special li div.special img {
}
O de esta otra forma:
Código:
ul#special {
}
ul#special li {
}
ul#special div.special {
}
ul#special h2 {
}
ul#special img {
}
Y podria poner muchas otras formas que se van a aplicar de la misma forma, pero cual orden se debe seguir, cual es la mejor forma ?
Saludos