Attribútum érték szelektor
Az attribútum érték szelektor stílust határoz meg egy elemhez, amelynek az attribútumában legalább egy meghatározott érték szerepel. Ebben az esetben az attribútum összes értékét szóközzel kell elválasztani.
Példa
Keressük meg az összes <p> elemet, amelyek
tartalmaznak
a test értéket, és színezzük őket
kékre:
<p class="test main">text1</p>
<p class="text">text2</p>
<p class="tag test">text3</p>
p[class~="test"] {
color: blue;
}
:
Lásd még
-
attribútum szelektor,
amely elemeket keres attribútum név alapján -
attribútum szelektor,
amely elemeket keres attribútum érték alapján -
attribútum szelektor,
amely elemeket keres attribútum érték eleje alapján -
attribútum szelektor,
amely elemeket keres attribútum érték vége alapján -
attribútum szelektor,
amely elemeket keres szöveg alapján az attribútum értékben -
attribútum szelektor,
amely elemeket keres kötőjel alapján az attribútum értékben -
Gyermek szelektor,
amely lehetővé teszi elemek kiválasztását közvetlen egymásba ágyazottság alapján -
Kontextuális szelektor,
amely lehetővé teszi egy elem kiválasztását szülője alapján -
Szomszédos szelektor,
amely lehetővé teszi egy elem kiválasztását szomszédja alapján -
Testvér szelektor,
amely lehetővé teszi elemek kiválasztását egy adott elem után -
Univerzális szelektor,
amely lehetővé teszi az összes elem kiválasztását