Apakah pemilih kumpulan?

Pemilih kumpulan termasuk kumpulan pemilih teg, kumpulan pemilih kelas, kumpulan pemilih ID, kumpulan gabungan pemilih kelas dan pemilih teg, dsb. Pengenalan terperinci: 1. Kumpulan pemilih tag, anda boleh memilih berbilang elemen tag dan menggunakan gaya yang sama kepada mereka 2. Kumpulan pemilih kelas, anda boleh memilih berbilang elemen dengan kelas yang sama dan menggunakan gaya yang sama; Kumpulan pemilih ID, anda boleh memilih berbilang elemen dengan ID yang berbeza dan menggunakan gaya yang sama kepada mereka 4. Kumpulan gabungan pemilih kelas dan pemilih label, anda boleh memilih berbilang elemen dengan kelas yang sama, dsb. tunggu.

Sistem pengendalian tutorial ini: sistem Windows 10, komputer DELL G3.

Dalam CSS, Pemilih Kumpulan ialah pemilih yang digunakan untuk memilih berbilang elemen pada masa yang sama dan menggunakan gaya yang sama padanya. Pemilih yang berbeza boleh dikumpulkan bersama untuk membentuk pemilih kumpulan dengan menggunakan koma (,) untuk memisahkannya. Berikut ialah beberapa contoh pemilih kumpulan biasa:

1 Kumpulan pemilih label:

Anda boleh memilih berbilang elemen label dan menggunakan gaya yang sama padanya.

   h1, h2, h3 {
     color: red;
     font-size: 20px;
   }

Dalam contoh di atas, elemen h1, h2 dan h3 semuanya dipilih dan mempunyai warna dan gaya saiz fon yang sama digunakan.

2. Kumpulan pemilih kelas:

Anda boleh memilih berbilang elemen dengan kelas yang sama dan menggunakan gaya yang sama padanya.

   .class1, .class2 {
     background-color: yellow;
     border: 1px solid black;
   }

Dalam contoh di atas, elemen dengan kelas1 dan kelas2 kedua-duanya dipilih dan mempunyai warna latar belakang dan gaya jidar yang sama digunakan.

3. Kumpulan pemilih ID:

Anda boleh memilih berbilang elemen dengan ID yang berbeza dan menggunakan gaya yang sama padanya.

   #id1, #id2 {
     color: blue;
     font-weight: bold;
   }

Dalam contoh di atas, elemen dengan id1 dan id2 kedua-duanya dipilih dan mempunyai warna dan gaya huruf tebal yang sama digunakan.

4. Kumpulan gabungan pemilih kelas dan pemilih label:

Anda boleh memilih berbilang elemen dengan kelas dan label yang sama dan menggunakan gaya yang sama padanya.

   h1.title, h2.title {
     color: green;
     font-style: italic;
   }

Dalam contoh di atas, kedua-dua elemen h1 dan h2 dengan tajuk nama kelas dipilih dan mempunyai warna dan gaya fon yang sama digunakan.

Pemilih kumpulan boleh meningkatkan kebolehbacaan dan kebolehselenggaraan kod dengan mengumpulkan berbilang pemilih bersama dan menggunakan gaya yang sama kepada mereka. Menggunakan pemilih kumpulan boleh mengurangkan pertindihan peraturan gaya dan menjadikan kod gaya lebih ringkas.

Perlu diambil perhatian bahawa peraturan gaya pemilih kumpulan digunakan pada semua elemen yang dipilih oleh pemilih, jadi apabila menggunakan gaya, anda perlu memastikan bahawa gaya biasa antara pemilih boleh digunakan.

Untuk meringkaskan, pemilih kumpulan ialah pemilih CSS yang digunakan untuk memilih berbilang elemen pada masa yang sama dan menggunakan gaya yang sama padanya. Pemilih yang berbeza boleh dikumpulkan bersama untuk membentuk pemilih kumpulan dengan menggunakan koma (,) untuk memisahkannya. Penggunaan munasabah pemilih kumpulan boleh meningkatkan kebolehbacaan dan kebolehselenggaraan kod serta mengurangkan pertindihan peraturan gaya.

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