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

Apakah pemilih asas css?

下次还敢
下次还敢asal
2024-04-25 13:12:17887semak imbas

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);

Apakah pemilih asas css?

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!

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