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 | 否 |