Rumah >hujung hadapan web >tutorial css >Apakah pemilih yang terdapat dalam css?

Apakah pemilih yang terdapat dalam css?

醉折花枝作酒筹
醉折花枝作酒筹asal
2021-07-23 14:57:178301semak imbas

Tiga pemilih utama dalam CSS ialah: pemilih id, pemilih kelas dan pemilih id. Pemilih ID boleh menentukan gaya khusus untuk elemen HTML yang ditandakan dengan id tertentu pemilih kelas membenarkan gaya ditentukan dengan cara yang bebas daripada elemen dokumen pemilih ID memilih semua elemen tag dengan nama elemen yang ditentukan;

Apakah pemilih yang terdapat dalam css?

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3.

1. Pemilih elemen:

Fungsi: Pilih semua elemen dengan nama elemen yang ditentukan.

Sintaks:

元素{
       样式声明; 
    }

Contoh:

Saiz teks semua div pada halaman ialah 12px dan warna teks ialah oren

Semua div pada halaman Warna elemen span berwarna merah

Apakah pemilih yang terdapat dalam css?

2. Pemilih kelas

Pemilih kelas digunakan untuk menerangkan gaya sekumpulan elemen . Pemilih kelas adalah berbeza daripada pemilihan id, kelas boleh digunakan dalam berbilang elemen.

pemilih kelas diwakili oleh atribut kelas dalam HTML Dalam CSS, pemilih kelas dipaparkan dengan titik "." Nama:

boleh bermula dengan nombor

.类名{
    样式声明;
}
kecuali _, - tiada simbol khas lain dibenarkan

Rujukan:

Kaedah rujukan - pemilih berbilang kelas Petikan

boleh menggunakan berbilang pemilih kelas pada satu elemen pada masa yang sama

Sintaks:

3.

Fungsi: Tentukan gaya untuk elemen dengan nilai ID yang ditentukan

Sintaks:

Nilai ID, mesti sepadan dengan nilai ID elemen tertentu

Contoh:

#ID值{
    样式声明
}
Tentukan saiz teks elemen dengan id sebagai pengepala dalam halaman sebagai 30pt, dan warna latar belakang sebagai oren

1 dengan id sebagai utama dalam halaman 18pt, paparan tebal (font-weight: bold)

2. Warna latar belakang elemen dengan id img_list dalam halaman definisi berwarna hijau dan teks dipaparkan dalam italik (atribut: gaya fon, nilai: italik)

Pembelajaran yang disyorkan:

tutorial video css

Apakah pemilih yang terdapat dalam css?

Atas ialah kandungan terperinci Apakah pemilih yang terdapat dalam css?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn