CSS
CSS Attribute Selectors
Pelajari cara memilih elemen HTML berdasarkan atributnya menggunakan CSS.
CSS Attribute Selectors
CSS Attribute Selectors digunakan untuk menargetkan elemen berdasarkan atribut atau nilai atribut tertentu.
Contoh Dasar Attribute Selector
Tipe-Tipe Attribute Selector
Selector | Contoh | Deskripsi |
---|---|---|
[attr] | [target] | Memilih elemen dengan atribut tertentu. |
[attr="value"] | [type="text"] | Memilih elemen dengan atribut bernilai tertentu. |
[attr~="value"] | [title~="flower"] | Memilih elemen dengan atribut yang berisi kata tertentu. |
[attr="value"] | [lang="en"] | Memilih elemen dengan atribut bernilai tepat atau diawali dengan nilai tertentu diikuti tanda - . |
[attr^="value"] | [href^="https"] | Memilih elemen dengan atribut yang diawali dengan nilai tertentu. |
[attr$="value"] | [href$=".pdf"] | Memilih elemen dengan atribut yang diakhiri dengan nilai tertentu. |
[attr*="value"] | [href*="example"] | Memilih elemen dengan atribut yang mengandung nilai tertentu. |