Rumah > Artikel > hujung hadapan web > Apakah pemilih asas css?
Pemilih asas CSS digunakan untuk memadankan elemen dalam dokumen HTML, termasuk: pemilih taip (pemilih kelas yang sepadan (pemilih ID kelas yang sepadan (ID yang sepadan) elemen keturunan); dalam);
Pemilih Asas dalam CSS
Pemilih asas dalam CSS digunakan untuk memadankan elemen dalam dokumen HTML. Dengan menggunakan pemilih ini, anda boleh menentukan gaya untuk elemen tertentu.
Pemilih jenis
p
bermaksud semua perenggan. element
:匹配带有指定元素名的所有元素,例如 p
表示所有段落。类选择器
.class-name
:匹配具有指定类名的所有元素,例如 .example
表示所有带有 example
类的元素。ID 选择器
#id-name
:匹配具有指定 ID 的单个元素,例如 #header
表示带有 header
ID 的元素。后代选择器
ancestor descendant
:匹配位于祖先元素内的后代元素,例如 ul li
表示所有位于 ul
元素内的 li
元素。子元素选择器
parent > child
:匹配作为父元素直接子元素的子元素,例如 div > p
表示所有直接位于 div
元素内的 p
元素。相邻兄弟选择器
element + adjacent
:匹配直接出现在指定元素之后的相邻元素,例如 p + h2
表示所有直接位于 p
元素之后的 h2
元素。通用兄弟选择器
element ~ sibling
:匹配所有出现在指定元素之后的兄弟元素,包括相邻元素和更远的元素,例如 h1 ~ p
表示所有位于 h1
元素之后的 p
元素。属性选择器
[attribute]
:匹配具有指定属性的元素,例如 [href]
表示所有具有 href
属性的元素。[attribute=value]
:匹配具有指定属性并具有指定值的元素,例如 [href="example.com"]
表示所有 href
.example
bermaksud semua elemen dengan contoh Elemen kelas
. 🎜🎜🎜🎜Pemilih ID🎜🎜🎜🎜#header
bermaksud dengan header elemen ID. 🎜🎜🎜🎜Pemilih keturunan🎜🎜🎜🎜<kod>keturunan nenek moyang</kod>
: sepadan dengan elemen keturunan yang terletak dalam elemen nenek moyang, contohnya, ul li
bermaksud semua elemen yang terletak dalam ul <code>li
elemen dalam elemen. 🎜🎜🎜🎜Child Element Selector 🎜🎜🎜🎜 ibu bapa & gt; semua langsung Satu elemen <code>p
yang terletak dalam elemen div
. 🎜🎜🎜🎜Pemilih adik beradik bersebelahan🎜🎜🎜🎜p
. . code> mewakili semua elemen p
yang mengikuti elemen h1
. 🎜🎜🎜🎜Pemilih atribut🎜🎜🎜🎜[href]
bermaksud semua elemen dengan href
atribut unsur. 🎜🎜[attribute=value]
: Memadankan elemen dengan atribut yang ditentukan dan nilai yang ditentukan, contohnya, [href="example.com"]
bermaksud semua href Elemen dengan nilai atribut "example.com". 🎜🎜
Atas ialah kandungan terperinci Apakah pemilih asas css?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!