先来看看代码，它有两个版本，一个是使用的$$选择器，代码量更少（浏览器控制台支持 $$ 选择器）；另一种就是传统的document.querySelectorAll选择器：
css 文本间距，汇丰环球css，css文字纵向排布，css怎么内描边，css div内所有元素，ie重定向页面css丢失，html css搜索框
@ css三种选择器的特点？
css选择器的类型分为3类:标记选择器、类别选择器和ID选择器。
（可能名称有不同的说法，但意思都是一样的） 标记选择器是利用HTML的标记直接定义标记内容的样式，如：h1{ color:red; font-size:25pt;} 类别选择器是通常说的class选择器，定义的时候要在名称前加.如：.one{ color:red; font-size:25pt;} ID选择器定义的时候要在前面加#，如：#box { color:red; font-size:25pt;} 利用DW写CSS的时候，高级就是上面说的ID选择器，ID选择器的名字可以任意命名，可以自己定义，可是标签就只能是HTML语言里制定的那些标记，不能自己定义。@ 是什么选择器？
head img 选择器：就是指定CSS要作用的标签，那个标签的名称就是选择器。意为：选择哪个容器。
CSS的选择器分为两大类：基本选择题和扩展选择器。
基本选择器：
标签选择器：针对一类标签ID选择器：针对某一个特定的标签使用
类选择器：针对你想要的所有标签使用
通用选择器（通配符）：针对所有的标签都适用（不建议使用）
@ css3中伪类选择器由什么组成？
w3c规范中伪类有：
active、hover、link、visited 【css1】
所有主流浏览器都支持以上伪类，但是只在对标签上的支持最好。
【css2】的有3个
focus ： 如果规定了<!doctype>，将在主流浏览器&ie8+中支持(否则ie不支持)
first-child：必须声明<!doctype>才能够确保在ie中正常支持
lang：如果规定了<!doctype>，将在主流浏览器&ie8+中支持(否则ie不支持)