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

• elemen: Memadankan semua elemen dengan nama elemen yang ditentukan, contohnya, 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

🎜Pemilih kelas🎜🎜🎜🎜.class-name: sepadan dengan semua elemen dengan nama kelas yang ditentukan, contohnya, .example bermaksud semua elemen dengan contoh Elemen kelas . 🎜🎜🎜🎜Pemilih ID🎜🎜🎜🎜#id-name: sepadan dengan elemen tunggal dengan ID yang ditentukan, contohnya, #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🎜🎜🎜🎜elemen + bersebelahan: sepadan dengan elemen bersebelahan yang muncul terus selepas elemen yang ditentukan, seperti p + h2 bermaksud semua langsung h2 elemen yang mengikuti elemen p. . code> mewakili semua elemen p yang mengikuti elemen h1. 🎜🎜🎜🎜Pemilih atribut🎜🎜🎜🎜[atribut]: memadankan elemen dengan atribut yang ditentukan, seperti [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!