开始CSS
CSS依赖于模式匹配规则来确定哪种样式适用于文档中的哪个元素。 这些模式称为选择器 ,它们的范围从标签名称(例如,p以匹配段落标签)到与文档的非常特定部分相匹配的非常复杂的模式(例如,p#myid> b.highlight会将任何b标签与一类突出显示,它是id id myid的段落的孩子)。
CSS选择器是CSS样式调用的一部分,用于标识网页的哪一部分应被样式化。 选择器包含一个或多个属性,用于定义如何对选定的HTML进行样式设置。
CSS选择器
有几种不同类型的选择器:
- 类型选择器 - 匹配特定元素
- 类选择器 - 与特定类匹配的元素
- ID选择器 - 将元素与特定ID进行匹配
- 后代选择器 -匹配特定元素的后代的元素
- 子选择器 - 与特定元素的子元素匹配的元素
- 通用选择器 - 匹配任何元素
- 相邻的兄弟选择器 - 匹配元素紧接在特定元素之前
- 属性选择器 - 具有特定属性或属性值的匹配元素
- 伪类选择器 - 具有特定伪类的匹配元素
- 伪元素选择器 - 匹配具有特定伪元素属性的元素
格式化CSS样式和CSS选择器
CSS样式的格式如下所示:
选择器{样式属性:样式; }
用逗号分隔具有相同样式的多个选择器。 这称为选择器分组。 例如:
selector1 , selector2 {style property:style; }
分组选择器是保持CSS样式紧凑的简写机制。
上述分组的作用与以下相同:
selector1 {style property:style; }
selector2 {style property:style; }
总是测试你的CSS选择器
并非所有的浏览器都支持所有的CSS选择器。 所以一定要在尽可能多的操作系统上尽可能多的浏览器中测试你的选择器。 但是,如果你使用CSS 1或CSS2选择器,你应该没问题。