什么是CSS选择器？

CSS依赖于模式匹配规则来确定哪种样式适用于文档中的哪个元素。这些模式被称为 选择 它们的范围从标签名称（例如，

p 将段落标记与匹配文档特定部分的非常复杂的模式匹配（例如，

p＃myid> b.highlight 会匹配任何

b 用一类标记

突出 这是带有id的段落的孩子

我的身份).

CSS选择器是CSS样式调用的一部分，用于标识应该设置网页的哪个部分。选择器包含一个或多个属性，用于定义所选HTML的样式。

CSS选择器

有几种不同类型的选择器：

• 类型选择器 - 匹配特定元素
• 类选择器 - 匹配具有特定类的元素
• ID选择器 - 将元素与特定ID匹配
• 后代选择器 - 作为特定元素后代的匹配元素
• 子选择器 - 匹配元素，它们是特定元素的子元素
• 通用选择器 - 匹配任何元素
• 相邻的兄弟选择器 - 紧跟在特定元素之前的匹配元素
• 属性选择器 - 匹配具有特定属性或属性值的元素
• 伪类选择器 - 匹配具有特定伪类的元素
• 伪元素选择器 - 匹配具有特定伪元素属性的元素

格式化CSS样式和CSS选择器

CSS样式的格式如下所示：

selector {style property：style; }

使用逗号分隔具有相同样式的多个选择器。这称为选择器分组。例如：

selector1 , selector2 {style property：style; }

分组选择器是一种简化机制，可以保持CSS样式的紧凑。上述分组具有与以下相同的效果：

selector1 {style property：style; }selector2 {style property：style; }

始终测试您的CSS选择器

并非所有浏览器都支持所有CSS选择器。因此，请务必尽可能多地在尽可能多的操作系统上测试您的选择器。但是如果你使用CSS1或CSS2选择器，你应该没问题。