CSS – Attributselektoren

Attributselektoren sind toll und praktisch. Und jetzt mal hier zusammengefasst für mich zum merken:

div[class] Element div mit Attribut class
div[class=”blubb”] Element div mit Attribut class und Wert blubb
div[class~=”bar”] Element div mit Attribut class, dessen durch Leerzeichen getrennte Liste von Werten blubb enthält (p[class~=”blubb”] entspricht p.blubb)
div[class|=”blubb”] Element div mit Attribut class, dessen durch Trennstriche (-) getrennte Liste von Werten mit blubb beginnt
div[class^=”blubb”] Element div mit Attribut class, dessen Wert mit blubb beginnt
div[class$=”blubb”] Element div mit Attribut class, dessen Wert mit blubb endet
div[class*=”blubb”] Element div mit Attribut class, das die Zeichenkette blubb enthält

Leave a Reply

Your email address will not be published. Required fields are marked *