css selector

[Gunnar Bittersmann]

@@Siggi

<footer>
<h2>schnipp</h2>
  <section>
   <p>
    <a href="schnipp"><img src="schnipp" alt="" height="32px"></a>
    <a href="schnipp"><img src="schnipp" alt="" height="32px"></a>
    <img src="schnipp" alt="" height="32px">
    <img src="schnipp" alt="" height="32px">
   </p>
   <p>
	schnipp
   </p>
  </section>
 </footer>

Da sollte der selector doch die ersten drei img matchen und das letzte img nicht, oder? Der margin wurde nur beim dritten img gesetzt.

Das erste Bild ist das letzte Bild in seinem Elternelement a; der Selektor img:not(:last-of-type) greift also nicht. Ebenso das zweite Bild.

Das dritte Bild ist nicht das letzte Bild in seinem Elternelement p; der Selektor img:not(:last-of-type) greift wie gewünscht.

Das vierte Bild ist das letzte Bild in seinem Elternelement p; der Selektor img:not(:last-of-type) greift nicht – soll ja auch nicht.

🖖 Живіть довго і процвітайте