以上是废话
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的第一个孩子节点 | |
E:last-child | E的最后一个孩子节点 | |
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