以上是废话

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

CSS3重要内容翻译的更多相关文章

  1. Apache配置文件httpd.conf内容翻译

      本文已经废弃,现在apache2不依靠httpd.conf来配置. Ubuntu下默认的配置文件是/etc/apache2/sites-available/default 可以修改上面文件来修改a ...

  2. CSS3学习内容与心得

    今天2005年7月9号,博客这个东西还真不懂,以前吧我不认识它,它也不认识我.没辙,汤老要我们写,就写吧. 写什么好呢?那就写今天学习的css3的一些要点吧. css这门课程几乎都学完了.而我觉得我还 ...

  3. CSS3随内容自动伸缩的背景【转】

    CSS3给我们带来一个非常实用的新属性:border-image,利用这个属性我们可以做出随着内容的增减自动伸缩的背景.废话不多说,看代码!HTML:<ol> <li>第一条列 ...

  4. CSS3随内容自动伸缩的背景

    CSS3给我们带来一个非常实用的新属性:border-image,利用这个属性我们可以做出随着内容的增减自动伸缩的背景.废话不多说,看代码! HTML: <ol> <li>第一 ...

  5. H5和CSS3新增内容总结

    CSS3选择器有哪些?答:属性选择器.伪类选择器.伪元素选择器.CSS3新特性有哪些?答:1.颜色:新增RGBA,HSLA模式 文字阴影(text-shadow.) 边框: 圆角(border-rad ...

  6. HTML5+CSS3新增内容总结!!!!!绝对干货

    说到H5C3会不会觉得东西好多啊,今天就整理了一份总结性的内容: CSS3选择器有哪些?答:属性选择器.伪类选择器.伪元素选择器.CSS3新特性有哪些?答:1.颜色:新增RGBA,HSLA模式 文字阴 ...

  7. Android 开发之开发插件使用:Eclipse 插件 SQLiteManger eclipse中查看数据内容--翻译

    最近研究了一段时间Android开发后发现,google自带的ADT工具,缺失一些开发常用的东西,希望可以构建一个类似使用JAVA EE开发体系一样开发的工具包集合,包括前台开发,调试,到后台数据库的 ...

  8. Postman 官网教程,重点内容,翻译笔记,

    json格式的提交数据需要添加:Content-Type :application/x-www-form-urlencoded,否则会导致请求失败 1. 创建 + 测试: 创建和发送任何的HTTP请求 ...

  9. css3新增内容

    1.css3边框 border-radius box-shadow border-image 2.背景 background-size background-origin 3.文本效果 text-sh ...

随机推荐

  1. 对于唯一索引使用唯一条件搜索, InnoDB 只锁定找到的index record,不是它之前的区间

    | test100 | CREATE TABLE `test100` ( `sn` int(11) NOT NULL AUTO_INCREMENT COMMENT '自增编号', `phoneNo` ...

  2. 字符串(后缀自动机):NOI 2016 优秀的拆分

    [问题描述] 如果一个字符串可以被拆分为 AABB 的形式,其中 A 和 B 是任意非空字符串, 则我们称该字符串的这种拆分是优秀的. 例如,对于字符串 aabaabaa,如果令 A = aab, B ...

  3. Ural1297 Palindrome(后缀数组)

        [题目链接] http://acm.hust.edu.cn/vjudge/problem/viewProblem.action?id=12406 [题意] 求最长回文子串. [思路] 将字符串 ...

  4. 《算法问题实战策略》-chaper21-树的实现和遍历

    这一章节开始介绍一个数据结构中的一个基本概念——树. 我们从数据结构的解读来解释树结构的重要性,现实世界的数据除了最基本的线性结构(我们常用队列.数组和链表等结构表征),还有一个重要的特性——层级结构 ...

  5. Cyclic Nacklace - HDU 3746(next求循环节)

    题目大意:给你一些串,问如果想让这个串里面的循环节至少循环两次,需要添加几个字符(只能在最前面或者最后面添加).比如ababc 需要添加5个就是添加ababc. 分析:其实字符串的长度len-next ...

  6. continuous integration and continuous deployment in DW/BI

    deployment methodIn Redshift1, Deploy process: Drop and Refresh the view, Drop table, Create an empt ...

  7. FusionCharts的使用入门

    1. Fusioncharts 介绍: Fusioncharts是一个基于Flash的图表组件,可以用来提供数据驱动的动态图标,fusioncharts可用于任何网页脚本语言如, HTML格式,JSP ...

  8. Android 免费短信获取国家列表和国家代码

    StringBuffer str = new StringBuffer(); for (Map.Entry<Character, ArrayList<String[]>> en ...

  9. C#自定义事件:属性改变引发事件示例

    using System; using System.Collections.Generic; using System.Linq; using System.Text; namespace Cons ...

  10. Android - 软件自动更新的实现(转)

    在客户端实现更新操作 涉及到三个技术: 1.xml文件的解析 2.HttpURLConnection连接 3.文件流I/O 这里创建一个解析xml文件的服务类:ParXmlService.java p ...