Rumah >hujung hadapan web >tutorial css >Apakah pemilih asas dalam css?
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.
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
*
:选择所有元素。元素选择器
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
p
memilih semua elemen perenggan. 🎜🎜🎜🎜Pemilih kelas🎜🎜🎜🎜.btn
memilih semua elemen dengan kelas btn
. 🎜🎜🎜🎜Pemilih ID🎜🎜🎜🎜#header
memilih elemen dengan ID header
. 🎜🎜🎜🎜Pemilih keturunan🎜🎜🎜🎜body .btn
memilih semua elemen yang merupakan elemen body
dan mempunyai kelas btn
. . Contohnya, ul > 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🎜🎜🎜🎜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!