CSS 属性选择器
| 名称 | 含义 |
|---|---|
| [att] | 选取带有指定属性的元素 |
| [att=val] | 选取带有指定属性和值的元素 |
| [att~=val] | 选取属性值( 空格分隔 )中包含指定词汇的元素 |
| [att l=val] | 选取带有以指定值开头的属性值的元素，该值必须是整个单词 |
| [att^=val] | 匹配属性值以指定值开头的每个元素 |
| [att$=val] | 匹配属性值以指定值结尾的每个元素 |
| [att*=val] | 匹配属性值中包含指定值的每个元素 |
(不知道 markdown 里 | 怎么出现在表格中， [att |=val] 只能用 l 代替。)
CSS 伪类用于向某些选择器添加特殊的效果
| 伪类 | 含义 |
|---|---|
| :active | 向被激活的元素添加样式 |
| :link | 向未被访问的链接添加样式 |
| :focus | 向拥有键盘输入焦点的元素添加样式 |
| :hover | |
| :visited | 向已被访问的链接添加样式 |
| :first-child | 向元素的第一个子元素添加样式 |
| :lang | 向带有指定 lang 属性的元素添加样式 |
CSS 伪元素用于向某些选择器设置特殊效果
| 伪元素 | 含义 |
|---|---|
| :first-letter | 向文本的第一个字母添加特殊样式 |
| :first-line | |
| :before | |
| :after | 在元素之前添加内容,也可以用来做清除浮动 |
| :enabled | 表单控件可用状态，默认值 |
| :disabled | 控制表单控件的禁用状态 |
| :checked | 单选框或复选框被选中 |
CSS3 新增的伪元素
-
p:first-of-type选择属于其父元素的首个<p>元素的每个<p>元素 -
p:last-of-type选择属于其父元素的最后<p>元素的每个<p>元素 -
p:only-of-type选择属于其父元素唯一的<p>元素的每个<p>元素 -
p:only-child选择属于其父元素的唯一子元素的每个<p>元素 -
p:nth-child(2)选择属于其父元素的第二个子元素的每个<p>元素 - 还有
:before,:after,:enabled,:disabled,:checked
CSS 属性默认值
| 属性 | 默认值 或 初始值 | 继承 |
|---|---|---|
| position | static | 从父元素继承 |
| z-index | auto | 否 |
| height | auto | 否 |
