首页 > 代码库 > CSS3重要内容翻译

CSS3重要内容翻译

2024-07-02 18:52:16   225人阅读

以上是废话
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


联系
我们