Latest web development tutorials

CSS atribut penyeleksi

unsur-unsur gaya HTML dengan atribut tertentu

gaya elemen HTML tidak hanya kelas dan id dengan sifat tertentu.

Catatan :! IE7 dan IE8 DOCTYPE deklarasi hanya perlu mendukung penyeleksi atribut!IE6 dan versi sebelumnya tidak mendukung penyeleksi atribut.

atribut penyeleksi

Contoh berikut adalah mengandung semua unsur judul (title) menjadi biru:

contoh

[Judul] { warna: biru ;}

Coba »

Atribut dan nilai-nilai penyeleksi

Contoh berikut mengubah gaya perbatasan title title = 'w3big' elemen:

contoh

[Judul = w3big] { border: 5 px padat hijau ;}

Coba »

Pilih Properties dan nilai - nilai lebih

Berikut adalah contoh dari atribut elemen gaya judul menspesifikasikan nilai menggunakan (-) memisahkan sifat dan nilai-nilai:

contoh

[Judul ~ = hello] { warna: biru ;}

Coba »

Berikut adalah contoh dari unsur gaya atribut lang menspesifikasikan nilai menggunakan (|) memisahkan atribut dan nilai-nilai:

contoh

[Lang | = en] { warna: biru ;}

Coba »

gaya bentuk

Atribut gaya penyeleksi tanpa menggunakan bentuk kelas atau id:

contoh

input [type = "text"] { width: 150 px ; Tampilan: block ; Margin-bottom: 10 px ; Background-warna: kuning ;} input [type = "button"] { width: 120 px ; Margin kiri: 35 px ; Tampilan: block ;}

Coba »