HanSolo: Markup bzw. CSS bei diesem Schnipsel in Ordnung?

Beitrag lesen

<div class="img">

<img />
<div>
<p>foo<p>
<p>bar<p>
<p>baz<p>
</div>
</div>


>   
> ~~~css

div.img     { }  

> div.img img { }  
> div.img div { }  
> div.img p   { }

Sollte eigentlich reichen.

Vorteil:

  • mehrere Bilder auf einer Seite
  • Kürzere Selektoren

ggf. kann man auch noch auf das div-Element verzichten.

Auf welches div-Element kann ich verzichten? Auf das aüßere (<div class="img">) oder auf das innere (<div>). Wie würde denn dann das CSS aussehen um die von mir gewünschte Anordnung zu erreichen. Nicht das ich das nicht selbst hinbekomme, es nist nur so das mich dieses Problem schon recht lange beschäftigt. Ich möchte halt die optimale Lösung.