在 CSS 中,选择器是用来指定需要样式化的 HTML 元素的方式。常见的选择器包括类选择器、ID 选择器、标签选择器和组合选择器。
/* 类选择器 */ .className { /* 样式定义 */ } /* ID 选择器 */ #idName { /* 样式定义 */ } /* 标签选择器 */ p { /* 样式定义 */ } /* 组合选择器 */ .parentClass .childClass { /* 样式定义 */ }
类选择器使用一个点开头,后跟类名,可以适用于任何 HTML 元素。同一个 HTML 元素可以使用多个类选择器,用空格分开。比如样式定义 .redText .boldText 表示符合该类选择器的元素既有 .redText 样式,又有 .boldText 样式。
ID 选择器使用一个井号开头,后跟 ID 名称,可以适用于任何 HTML 元素。每个 HTML 元素只能应用一个 ID 选择器,因为 ID 在文档内应该是唯一的。
标签选择器使用标签名称,可以适用于任何该名称的 HTML 元素。如果希望在相同的标签类型里应用不同的样式,请添加类选择器或 ID 选择器。
组合选择器允许选择器之间使用空格、大于号或加号进行组合。选择器之间的排列顺序也可以调换。比如样式定义 .parentClass .childClass 表示符合该组合选择器的元素既有 .childClass 样式,又在 .parentClass 元素以内。