Rumah  >  Artikel  >  Apakah pemilih teg biasa?

Apakah pemilih teg biasa?

百草
百草asal
2023-10-13 17:03:121389semak imbas

Pemilih teg biasa termasuk pemilih elemen, pemilih kad bebas, pemilih kelas, pemilih ID, pemilih atribut, dsb. Pengenalan terperinci: 1. Pemilih elemen, yang merupakan pemilih teg yang paling asas, menggunakan nama tag HTML sebagai pemilih 2. Pemilih kad bebas, menggunakan * sebagai pemilih, anda boleh memilih semua elemen dalam dokumen 3. Pemilih kelas; menggunakan nama kelas sebagai pemilih untuk memilih elemen dengan nama kelas yang sama 4. Pemilih ID menggunakan atribut ID elemen sebagai pemilih untuk memilih elemen dengan ID tertentu 5. Pemilih atribut dan sebagainya;

Apakah pemilih teg biasa?

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

Dalam CSS, pemilih teg ialah salah satu pemilih yang paling biasa dan asas. Ia membenarkan pembangun menggunakan gaya dengan memilih teg dalam dokumen HTML. Pemilih teg menggunakan nama teg HTML sebagai pemilih dan boleh memilih semua teg dalam dokumen.

Berikut ialah beberapa pemilih teg biasa:

1. Pemilih Elemen:

Ini ialah pemilih teg paling asas, menggunakan nama teg HTML sebagai pemilih. Contohnya, untuk memilih semua elemen perenggan, gunakan pemilih p:

   p {
     color: blue;
   }

Ini akan menetapkan warna teks semua perenggan kepada biru.

2. Pemilih Universal:

Pemilih kad bebas menggunakan * sebagai pemilih dan boleh memilih semua elemen dalam dokumen. Contohnya, untuk memilih semua elemen dan menetapkan saiz fon kepada 14 piksel, anda boleh menggunakan pemilih kad bebas:

   * {
     font-size: 14px;
   }

Ini akan menetapkan saiz fon kepada 14 piksel untuk semua elemen dalam dokumen.

3. Pemilih Kelas:

Pemilih kelas menggunakan nama kelas sebagai pemilih dan boleh memilih elemen dengan nama kelas yang sama. Untuk memilih semua elemen dengan nama kelas "highlight", anda boleh menggunakan pemilih kelas:

   .highlight {
     background-color: yellow;
   }

Ini akan menetapkan warna latar belakang semua elemen dengan nama kelas "highlight" kepada kuning.

4. Pemilih ID:

Pemilih ID menggunakan atribut ID elemen sebagai pemilih untuk memilih elemen dengan ID tertentu. Untuk memilih elemen dengan ID "header", anda boleh menggunakan pemilih ID:

   #header {
     font-weight: bold;
   }

Ini akan menjadikan fon elemen dengan ID "header" tebal.

5. Pemilih Atribut:

Pemilih atribut menggunakan nilai atribut elemen sebagai pemilih untuk memilih elemen dengan nilai atribut tertentu. Contohnya, untuk memilih semua elemen dengan atribut tajuk, anda boleh menggunakan pemilih atribut:

   [title] {
     color: red;
   }

Ini akan menetapkan warna teks semua elemen dengan atribut tajuk kepada merah.

Ini adalah beberapa pemilih teg biasa. Dengan menggunakannya, pembangun boleh memilih dan menggunakan gaya mengikut keperluan, membolehkan reka bentuk web yang lebih fleksibel dan diperibadikan.

Atas ialah kandungan terperinci Apakah pemilih teg biasa?. 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