以上是废话
1.3 此处未完全确认,相较于css3和css3的选择器,区别包括:
- 基础定义改变(选择器、选择器组,简单选择器等),特别的,作为css2中简单选择器,如今被成为简单选择器序列,“简单选择器”作为这个序列的组成部分。
- 允许在元素类型选择器上、通用选择器和类型选择器上增加可选的命名空间。
- 一个新的组合器
- 一个新的简单选择器,包括了匹配属性选择器的子字符串,以及新的伪类
- 新的伪类,以及针对伪类的::书写习惯
- 语法重写
- 整合选择器、定义选择器集合
- 选择器是一个css3 module,并且单独声明。其他声明可以关联到这个文档?
- 声明拥有自己特有的测试组件
1.4 选择器
格式 |
含义 |
css级别 |
* |
所有元素 |
2 |
E |
E-类型选择器 |
1 |
E[foo] |
E,具有foo属性 |
2 |
E[foo="bar"] |
E,具有Foo属性,且值精确等于bar |
2 |
E[foo~="bar"] |
E,具有Foo属性,值为一系列被空格分割,其中之一精确等于bar |
2 |
E[foo^="bar"] |
E,具有foo属性,其值以bar开头
|
3 |
E[foo$="bar"] |
E,具有foo属性,其值以bar结尾 |
3 |
E[foo*="bar"] |
E,具有foo属性,其值包含bar |
3 |
E[foo|="en"] |
E,具有foo属性,其值包含一系列以-分隔的词(从左开始),并以en开头(例如:lang伪类:html:lang(fr-be)
、 html:lang(de)) |
2 |
E:root |
E,文档根节点 |
3 |
E:nth-child(n) |
E的第n个孩子节点 |
3 |
E:nth-last-child(n) |
E的从最后一个孩子往前倒数第n个孩子节点 |
3 |
E:nth-of-type(n) |
E的type类型的第n个兄弟 |
3 |
E:nth-last-of-type(n) |
E的从最后一个孩子往前倒数第n个type类型的兄弟节点 |
3 |
E:first-child |
E的第一个孩子节点 |
2 |
E:last-child |
E的最后一个孩子节点 |
3 |
E:first-of-type |
E的类型的第一个兄弟 |
3 |
E:last-of-type |
E的类型的最后一个兄弟节点 |
3 |
E:only-child |
E的唯一一个孩子节点 |
3 |
E:only-of-type |
E的类型的唯一一个兄弟节点 |
3 |
E:empty |
没有子节点(也包括文本节点)的E |
3 |
E:link |
E,作为超链接的锚点,其目标尚未被访问 |
1 |
E:visited |
或被访问过 |
1 |
E:active |
E在某个用户操作激活状态下 |
1,2 |
E:hover |
|
|
E:focus |
|
|
E:target |
E,作为某个提到的URI的目标 |
3 |
E:lang(fr) |
E在fr语言下(文档语言决定当前页面为何种语言) |
2 |
E:enabled |
用户界面上的元素E,可用或禁用 |
3 |
E:disabled |
|
|
E:checked |
用户界面上的元素E,被选中状态(例如单选框,多选框) |
3 |
E::first-line |
E的格式化的第一行 |
1 |
E::first-letter |
E的格式化的第一个字母
|
1 |
E::before |
在E元素之前创建内容 |
2 |
E::after |
在E元素之后创建内容 |
2 |
E.warning |
带有class为warning的元素E |
1 |
E#myid |
带有id为myid的元素E |
1 |
E:not(s) |
E,不符合简单选择器S |
3 |
E F |
E的子孙F |
1 |
E > F |
E的孩子F |
2 |
E + F |
F元素,被E紧跟 |
2 |
E ~ F |
F元素,之前有个E |
3 |
3。大小写不敏感?
4、一个简单选择器,可能是类型选择器,通用选择器,属性选择器,类选择器,ID选择器或伪类
6、带有namespace的CSS写法:
- ns|E 在ns命名空间中的E
- *|E 任意(或无)命名空间中的E
- |E 没有命名空间的E
- E
若没有默认命名空间声明,等同于*|E;否则等同于ns|E,ns为默认命名空间
9、CSS计算规则
*
0
tag 1
.class 10
id 100
CSS3重要内容翻译,古老的榕树,5-wow.com