(一)CSS的语法规则
-
由CSS选择器(selector),以及一条或多条** 声明 **组成,用冒号分开
举例:
selector {property: value}
是key-value
的方式
(二)为什么会有选择器?
- 选择器是匹配元素的一种模式,不只是在CSS中
(三)基本选择器
通配符选择器 *****
id选择器 #
类选择器 .
标签选择器 || 元素选择器 div
属性选择器 [attribute=value]
伪类选择器
伪元素选择器
选择器 | 示例 | 描述 |
---|---|---|
通配选择符 | *{ } | 选择所有的元素 |
ID选择器 | #div{ } | 选择ID为div的元素 |
类选择器 | .div{ } | 选择class为div的元素 |
标签选择器 | div{} | 选择所有div的元素 |
属性选择器 | [title=web]{ } | 选择所有title属性等于 web 的元素 |
伪类选择器 | a:link{ } | 未访问的链接 |
伪元素选择器 | :before{ } | 向元素的内容前面插入 |
(四)组合选择器