总结在前:0. 参考资料1. 伪类和伪元素是不同的两种东西。2. 伪类和伪元素都属于CSS选择器。3. CSS引入伪类和伪元素是为了实现基于文档树之外的信息,i.e. 段落的第一行,的格式化。4. 伪类和伪元素都不出现在源文件和文档树中。 伪类:一开始单单只是用来表示一些元素的动态状态,典型的是的....
分类:
Web程序 时间:
2015-09-10 22:27:07
阅读次数:
201
CSS3 Selectors Test : 这是CSS3.INFO网站提供的css选择器测试页面,它能够详细显示当前浏览器对所有CSS3选择器的支持情况。启动测试,浏览器会自动测验,并已列表的方式显示当前浏览器对所有css3选择器的支持情况 http://tools.CSS3.info/sele.....
分类:
编程语言 时间:
2015-09-10 08:24:34
阅读次数:
164
Javascript新提供的querySelector和querySelectorAll方法,是仿照CSS选择器功能编写的querySelector()功能:该方法返回满足条件的单个元素。按照深度优先和先序遍历的原则使用参数提供的CSS选择器在DOM进行查找,返回第一个满足条件的元素,如例: ...
分类:
其他好文 时间:
2015-09-07 14:25:47
阅读次数:
148
CSS3 选择器(Selector)写过 CSS 的人应该对 CSS 选择器不陌生,我们所定义的 CSS 属性之所以能应用到相应的节点上,就是因为 CSS 选择器模式。参考下述代码:清单 1. CSS 选择器案例Body > .mainTabContainer div > span[5]{ B...
分类:
Web程序 时间:
2015-09-05 13:45:07
阅读次数:
218
原地址:http://www.w3.org/TR/css3-selectors/测试演示地址:http://www.w3.org/Style/CSS/Test/CSS3/Selectors/current/reports/implementreportTEMPLATE.htmlAbstractSel...
分类:
Web程序 时间:
2015-09-05 09:52:03
阅读次数:
207
今天学习了CSS各类选择器,对其效率问题有些疑问,故总结了一些学习笔记有很多人都忘记了,或在简单的说没有意识到,CSS在我们手中,既能很高效,也可以变得很低能。这很容易被忘记,尤其是当你意识到你会的太少,CSS代码效率很低的时候。下面的规则只真正被应用到那些速度要求很高,有成百上千的DOM元素被绘制...
分类:
Web程序 时间:
2015-09-03 19:06:18
阅读次数:
231
querySelector 返回匹配到的第一个元素,如果没有则返回Null。querySelectorAll 返回一个包含匹配到的元素的数组,如果没有则返回的数组为空参数可以包含多个CSS选择器,用逗号隔开,与css选择器一致, 但无法查找带伪类状态的元素,比如querySelector(':...
分类:
其他好文 时间:
2015-09-03 15:22:20
阅读次数:
204
A???标签HTML 选择器 body{? ??padding:0px;?margin:0px;?background-color:#ffdee0; }? ? B?? 类别CLASS 选择器 ??<style?type="text/css"> ?????.hongkong{ ????????color:blue; ?...
分类:
Web程序 时间:
2015-09-01 21:39:23
阅读次数:
197
Document this is my web page this is my web page this is my web page jikexueyuan hello hello hello hello ji...
分类:
Web程序 时间:
2015-08-31 15:14:04
阅读次数:
149
jquery选择器,选择接着学:前面学习了基本选择器中的CSS选择器,现在学层级选择器:1.子元素选择器子元素选择器,用于在给定的父元素下,查找这个父元素下面的所有的子元素,语法格式,如下:$("parent>child")其中,参数parent是任意有效的选择器;child也是一个选择器,并且它是...
分类:
Web程序 时间:
2015-08-30 22:49:16
阅读次数:
188