- Selector =
[class="header"] memilih semua elemen dengan class yang sama dengan "header"
[class="header"] {
color: red;
}
- Selector *=
[id*="col-"] memilih semua elmen dengan id yang mengandung kata "col-"
[id*="col-"] {
color: red;
}
- Selector ^=
[href^="https://"] memilih semua atribut href yang dimulai dengan kata "https://"
[href^="https://"] {
color: red;
}
- Selector $=
[src$=".png"] memilih semua atribut src yang berakhir dengan kata ".png"
[src$=".png"] {
color: red;
}
- Selector ~=
[rel~="tag"] memilih semua stribut rel yang mengandung kata "tag"
[rel~="tag"] {
color: red;
}
- Selector atribut tertentu []
[required] memilih elemen dengan atribut required
[required] {
color: red;
}