Forum for IT, data og webutvikling

Dette er metoder jeg benytter en god del i CSS3. Flere ganger erstatter dette bruk av klasser på et element. Generelt kan man si at Attribute Selectors er en kraftig metode for å velge både generelt og spesifikt innhold på en side. content within a page.

e[attr]

Hvor e er et element og [attr] er et attributt til elementetet e.

Eksempel:
p[title] vil matche alle ptagger som har title-attributtet, uavhengig av verdien av tittel-attributtet.

/* Matcher alle <p> tagger med title. Endrer til sort bakgrunn med hvit tekst */
p[title]{
    background-color: black;
    color: white;
}

Ønsker du å ha kontroll på noen typer elementer kan neste eksempel være nyttig.

e[attr=val]

Hvor e er et element og [attr=val] er et attributt til elementetet e som inneholder den eksakte verdien til val.

Eksempel:
p[title="Eksempel"] vil matche alle p tagger som har et title attributt som er lik "Eksempel"

/* Matcher alle <p> tagger title lik "Eksempel". Endrer til blå bakgrunn med hvit tekst */
p[title="Eksempel"]{
    background-color: blue;
    color: white;
}