html5-element mit attribut versehen

[Posni]

Hey,
folgender Code

header      { height:130px; margin-top: 20px; background:url(../images/banner.jpg); }
header[alt|="test"]
header[title|="test"]

Ziel ist dass die Hintergrundgrafik des header-elements (was soweit ich weiß als div gewertet wird) einen title bzw alt-tag bekommt.
Ich stütze mich auf die CSS3 Referenzkarte die ich hier runtergeladen habe
Funktioniert aber so nicht (ich bin mir sicher dass ich irgendwas vergessen habe) - weiß denn jemand weiter?

lG Posni

 

[cebito]

AW: html5-element mit attribut versehen

Du kannst per CSS keine Attribute hinzufügen, du kannst aber auf Sachen mit bestimmten Attributen zugreifen.

header[alt="test"]

(bitte ohne "|") würde also nur für header-Elemente greifen, die ein alt-Attribut mit dem Wert "test" besitzen...

 

[Posni]

AW: html5-element mit attribut versehen

ach so ist das zu verstehen. das kann natürlich auch sehr nützlich sein.
danke

okay - dann noch eine frage bzgl der vergleichsoperatoren.
macht es denn einen unterschied ob ich [attribut=“wert“], [attribut|=“wert“] oder [attribut^=“wert“] verwende?

 

[cebito]

AW: html5-element mit attribut versehen

macht es denn einen unterschied ob ich [attribut=“wert“], [attribut|=“wert“] oder [attribut^=“wert“] verwende?

Ja, findest du alles, was du wissen musst (bis zu den Attributselectoren runterscrollen...).

 

[Posni]

AW: html5-element mit attribut versehen

wow klasse - vielen dank - kann geschlossen werden