Rumah >masalah biasa >Apakah pemilih asas biasa?

Apakah pemilih asas biasa?

尊渡假赌尊渡假赌尊渡假赌
尊渡假赌尊渡假赌尊渡假赌asal
2023-12-25 14:56:411616semak imbas

Pemilih asas biasa termasuk "pemilih elemen", "pemilih kelas", "pemilih ID", "pemilih atribut" dan "pemilih kelas pseudo": 1. Pemilih elemen, pilih mengikut nama elemen Elemen 2. Pemilih kelas, pilih elemen mengikut nama kelas; 3. Pemilih ID, memilih elemen mengikut ID pengenalan unik elemen 4. Pemilih atribut, memilih elemen mengikut nilai atribut elemen 5. Kelas pseudo Pemilih memilih elemen berdasarkan status atau kedudukannya.

Apakah pemilih asas biasa?

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

Pemilih asas biasa termasuk yang berikut:

  1. Pemilih Elemen: Pilih elemen mengikut nama elemen.
p {
  color: blue;
}

Dalam contoh di atas, semua elemen

akan dipilih dan warna teks akan ditetapkan kepada biru.

  1. Pemilih Kelas: Pilih elemen mengikut nama kelas.
.myClass {
  font-weight: bold;
}

Dalam contoh di atas, semua elemen dengan class="myClass" akan dipilih dan fon akan menjadi tebal.

  1. Pemilih ID: Pilih elemen mengikut ID uniknya.
#myElement {
  background-color: yellow;
}

Dalam contoh di atas, elemen dengan id="myElement" akan dipilih dan warna latar belakang akan ditetapkan kepada kuning.

  1. Pemilih Atribut: Pilih elemen mengikut nilai atributnya.
input[type="text"] {
  border: 1px solid gray;
}

Dalam contoh di atas, semua elemen yang nilai atribut jenisnya ialah "teks" akan dipilih dan gaya sempadan akan ditetapkan.

  1. Pemilih kelas pseudo: Pilih elemen mengikut status atau kedudukannya.
a:hover {
  color: red;
}

Dalam contoh di atas, apabila tetikus melayang di atas elemen

Ini ialah pemilih asas yang melaluinya elemen berbeza boleh dipilih dan gaya digunakan padanya. Pemilih ini boleh digunakan secara individu atau gabungan untuk memilih elemen sasaran dengan lebih tepat.

Atas ialah kandungan terperinci Apakah pemilih asas 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

Artikel berkaitan

Lihat lagi