Rumah > hujung hadapan web > tutorial css > Apakah pemilih asas dalam css?

Apakah pemilih asas dalam css?

下次还敢
Lepaskan: 2024-04-25 13:27:16
asal
782 orang telah melayarinya

Pemilih CSS digunakan untuk memilih dan memanipulasi elemen HTML, termasuk: Pemilih Universal: Pilih semua elemen. Pemilih elemen: Memilih elemen dengan nama elemen yang ditentukan. Pemilih kelas: memilih elemen dengan nama kelas yang ditentukan. Pemilih ID: Memilih elemen dengan ID yang ditentukan. Pemilih keturunan: Memilih unsur keturunan yang dimiliki oleh unsur nenek moyang yang ditentukan. Pemilih elemen kanak-kanak: Memilih elemen anak yang dimiliki secara langsung kepada elemen induk yang ditentukan. Pemilih adik beradik bersebelahan: Memilih elemen adik beradik serta-merta mengikut unsur adik beradik yang ditentukan. Pemilih adik beradik sejagat: Memilih semua elemen adik beradik bersebelahan dengan elemen yang ditentukan.

Apakah pemilih asas dalam css?

Pemilih Asas CSS

Pemilih CSS digunakan untuk memilih dan memanipulasi elemen HTML dalam dokumen HTML. Terdapat beberapa jenis pemilih CSS yang berbeza, masing-masing mempunyai tujuan tertentu.

Pemilih Universal

  • *: Pilih semua elemen. *:选择所有元素。

元素选择器

  • element_name:选择具有指定元素名称的元素。例如,p 选择所有段落元素。

类选择器

  • .class_name:选择具有指定类名的元素。例如,.btn 选择所有具有 btn 类的元素。

ID 选择器

  • #id_name:选择具有指定 ID 的元素。例如,#header 选择具有 header ID 的元素。

后代选择器

  • ancestor_element descendant_element:选择属于指定祖先元素的后代元素。例如,body .btn 选择所有属于 body 元素并具有 btn 类的元素。

子元素选择器

  • parent_element > child_element:选择直接属于指定父元素的子元素。例如,ul > li 选择所有直接属于 ul 元素的 li 元素。

相邻兄弟元素选择器

  • previous_sibling_element + next_sibling_element:选择紧接在指定兄弟元素之后的兄弟元素。例如,p + h2 选择紧接在 p 元素之后的 h2 元素。

通用兄弟元素选择器

  • ~ sibling_element:选择与指定元素相邻的所有兄弟元素。例如,p ~ h2 选择所有与 p 元素相邻的 h2
🎜Pemilih elemen🎜🎜🎜🎜nama_unsur: Memilih elemen dengan nama elemen yang ditentukan. Contohnya, p memilih semua elemen perenggan. 🎜🎜🎜🎜Pemilih kelas🎜🎜🎜🎜.nama_kelas: Pilih elemen dengan nama kelas yang ditentukan. Contohnya, .btn memilih semua elemen dengan kelas btn. 🎜🎜🎜🎜Pemilih ID🎜🎜🎜🎜#id_name: Memilih elemen dengan ID yang ditentukan. Contohnya, #header memilih elemen dengan ID header. 🎜🎜🎜🎜Pemilih keturunan🎜🎜🎜🎜elemen_keturunan_leluhur: Pilih unsur keturunan yang tergolong dalam unsur nenek moyang yang ditentukan. Contohnya, body .btn memilih semua elemen yang merupakan elemen body dan mempunyai kelas btn. . Contohnya, ul &gt li memilih semua elemen li yang merupakan sebahagian langsung daripada elemen ul. . Contohnya, p + h2 memilih elemen h2 serta-merta mengikuti elemen p. 🎜🎜🎜🎜Pemilih elemen adik beradik sejagat🎜🎜🎜🎜~ elemen_adik: Memilih semua elemen adik beradik bersebelahan dengan elemen yang ditentukan. Contohnya, p ~ h2 memilih semua elemen h2 bersebelahan dengan elemen p. 🎜🎜

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

Label berkaitan:
css
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan