CSS3重要内容翻译

以上是废话

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重要内容翻译

时间: 2024-08-07 00:15:51

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

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

最近研究了一段时间Android开发后发现,google自带的ADT工具,缺失一些开发常用的东西,希望可以构建一个类似使用JAVA EE开发体系一样开发的工具包集合,包括前台开发,调试,到后台数据库的管理,到此,在网上逛了一遍发现这个一些常用的插件功能很强大,所以我决定做一系列翻译这些插件安装使用的教程,希望大家喜欢. 本文受益于这篇文章,所以决定翻译这篇文章中的一部分东西工具.19 个 Android 开发工具投递人 itwriter 发布于 2014-05-08 09:32 本文翻译:Ecl

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

本文已经废弃,现在apache2不依靠httpd.conf来配置. Ubuntu下默认的配置文件是/etc/apache2/sites-available/default 可以修改上面文件来修改apache2配置 目录 [隐藏] 1 原文说明 2 文件全局说明 3 第一区:全局环境参数 4 第二区:“主”服务配置 5 第三区:虚拟主机 原文说明 引自www.linuxsir.org 原文地址:http://www.7880.com/Info/Article-3df0ef00.html 文件全局说

CSS3 生成内容(在Web中插入内容)

在Web中插入内容,在CSS2.1时代依靠的是JavaScript来实现.但进入CSS3进代之后我们可以通 过CSS3的伪类“:before”,“:after”和CSS3的伪元素“::before”.“::after”来实现,其关键是依靠CSS3中的 “content”属性来实现.不过这个属性对于img和input元素不起作用. content配合CSS的伪类或者伪元素,一般可以做以下四件事情: 功能 功能说明 none 不生成任何内容 attr 插入标签属性值 url 使用指定的绝对或相对地址

CSS3补充内容

一.特殊选择器 1.* 用于匹配任何的标记 2.> 用于指定父子节点关系:子节点 3.E + F 毗邻元素选择器,匹配所有紧随E元素之后的同级元素F:挨着的 4.E ~ F 匹配所有E元素之后的同级元素F:同级的 5.名称[表达式] 5.1 E[attr] 匹配所有具有attr属性的E元素([attr]获取所有的定义了attr]的标签): 5.2 [attr=val] 获取所有定义了attr属性并且属性值等于val的标签:如果不指定val,则与5.1相同. 5.3 [attr^=val]获取所有

CSS3 最小内容尺寸(min-content size)和最大内容尺寸(max-content size)简介

CSS sizing level3规范中,和布局尺寸相关内容,经常会出现min-content size和max-content size等术语. 这需要分为两类:一类是和块元素相关,一类是和行内元素相关. 1. min-content inline size 最小内容行内尺寸表示在尽可能使用软性(即非硬性指定)包含技术(比如自动换行)后,刚好包含了元素内容而不出现溢出的尺寸. 2. max-content inline size 和min-content inline size不同,最大内容行

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

说到H5C3会不会觉得东西好多啊,今天就整理了一份总结性的内容: CSS3选择器有哪些?答:属性选择器.伪类选择器.伪元素选择器.CSS3新特性有哪些?答:1.颜色:新增RGBA,HSLA模式 文字阴影(text-shadow.) 边框: 圆角(border-radius)边框阴影: box-shadow 盒子模型:box-sizing 背景:background-size 设置背景图片的尺寸background-origin 设置背景图片的原点background-clip 设置背景图片的裁切

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

json格式的提交数据需要添加:Content-Type :application/x-www-form-urlencoded,否则会导致请求失败 1. 创建 + 测试: 创建和发送任何的HTTP请求,请求可以保存到历史中再次执行2. Organize: 使用Postman Collections为更有效的测试及集成工作流管理和组织APIs3. document: 依据你创建的Clollections自动生成API文档,并将其发布成规范的格式4. collarorate: 通过同步连接你的tea

css3 容器内容垂直居中

.item{ top: 50%; position: absolute; transform: translateY(-50%); /* 这里我们使用css3的transform来达到类似效果 */ }

css3相关内容

针对不同浏览器 transform: translate(50px,100px); -ms-transform: translate(50px,100px); /* IE 9 */ -webkit-transform: translate(50px,100px); /* Safari and Chrome */ -moz-transition: translate(50px,100px);; 设置动画 .item-1-anniu a{ display:block;width:265px;heig