选择符API
这个API存在的主要目的就是让JS原生支持CSS查询。
querySelector()
这个方法接收一个CSS选择符,返回与该模式匹配的第一个元素或null。
var body = document.querySelector("body");
querySelectorAll()
这个方法同样接收一个CSS选择符,以静态NodeList的形式返回所有匹配的元...
分类:
Web程序 时间:
2016-05-12 23:11:53
阅读次数:
225
选择符 选择符 {属性1:属性值1;属性2:属性值2} 选择符(selector):指定样式适用的标签,除指定标签外,样式不起作用 属性:样式的关键字 属性值:描述样式的值; 格式:属性与属性之间使用分号分隔,属性与属性值之间使用冒号分隔 选择符 任何HTML元素都可以是一个CSS选择符 选择符仅仅 ...
分类:
Web程序 时间:
2016-05-11 14:48:57
阅读次数:
215
用1表示标签名选择器的优先级 用10表示类选择 器的优先级 用100标示ID选择器的优先级 div.test1 .span var 优先级 1+10 +10 +1 span#xxx .songs li 优先级1+100 + 10 + 1 #xxx li 优先级 100 +1
分类:
Web程序 时间:
2016-03-14 12:12:46
阅读次数:
129
/***** Selector Hacks ******/ /* IE6 and below */ * html #uno { color: red } /* IE7 */ *:first-child+html #dos { color: red } /* IE7, FF, Saf, Opera *
分类:
Web程序 时间:
2016-03-01 22:23:49
阅读次数:
209
编写好的CSS代码能提升页面的渲染速度。本质上,一条规则都没有引擎解析的最快。MDN上将CSS选择符归拆分成四个主要类别,如下所示,性能依次降低。 ID 规则 Class 规则 标签规则 通用规则 对效率普遍认识是从Steve Souders在2009年出版的《高性能网站建设进阶指南》开始的,虽然S
分类:
Web程序 时间:
2016-02-16 08:46:03
阅读次数:
157
对DOM的两个主要扩展是Selectors API(选择符API)和HTML5.这两个扩展都是源自开发社区。此外还有一个不那么因为瞩目的ELement Traversal(元素遍历)规范。为DOM添加了一些属性。 选择符API 众多JavaScript 库中最常用的一项功能,就是根据CSS选择符选择
分类:
编程语言 时间:
2016-02-06 10:22:50
阅读次数:
268
在知道了CSS选择符最基础的知识后,就要综合利用它们了。这里就记录几种常见的用法。1.针对性的使用类选择符或者ID选择符 类选择符在一个页面中可能会在不同的地方应用,那么就需要有针对性地使用类选择符。如下例: 1 2 3 4 5 css-test 6 19 20 2...
分类:
Web程序 时间:
2016-01-24 22:14:14
阅读次数:
331
通配选择器*{ sRules } 类型选择符E { sRules }td { font-size:14px; width:120px;}属性选择符E [ attr ]{ sRules }E [ attr = value ]{ sRules }E [ attr ~= value ]{ sRules }...
分类:
编程语言 时间:
2016-01-05 18:45:50
阅读次数:
247