在 CSS 中,选择器用于指定要应用样式的元素。选择器可以根据元素的标签名、类名、ID、属性等来匹配元素。下面是一些常用的 CSS 选择器:
元素选择器
元素选择器是指通过元素的标签名来选择元素。例如,要选择所有的段落元素,可以使用 p
选择器:
- - ------ ---- -
类选择器
类选择器通过类名来选择元素。在 HTML 中,通过 class
属性来定义类名。例如,要选择所有带有 my-class
类名的元素,可以使用 .my-class
选择器:
--------- - ---------- ----- -
ID 选择器
ID 选择器通过元素的 ID 来选择元素。在 HTML 中,通过 id
属性来定义元素的 ID。例如,要选择 ID 为 my-id
的元素,可以使用 #my-id
选择器:
------ - ----------------- ----- - -- ----- ------------------------- ----- ---- --- ------- ---- -- ---- ------ --- - - -------------- ----- - -- ----- ----------------------------------------- --------- ---- ------ ------- - ---------------- ---------- - -------- --- -----------------------------