先来看看代码，它有两个版本，一个是使用的$$选择器，代码量更少（浏览器控制台支持 $$ 选择器）；另一种就是传统的document.querySelectorAll选择器：
@ css如何设置网页链接？
1. 打开文档，然后打开“CSS样式”面板。
2. 在“CSS样式”面板中，点击右下角的“新建 CSS 规则”按钮，打开“新建 CSS 规则”对话框。
在“选择器类型”中选择“复合内容(基于选择的内容)”项。
在“选择器名称”中点击右边的下拉箭头，大家可以看到：
a:link：未访问的超链接。
a:visited：已经访问过的超链接。
a:hover：鼠标指针移动到上面时的超链接。
a:active：正在访问的超链接。
3. 在“选择器名称”中选择“a:link”项，然后点击“确定”按钮，打开“CSS 规则定义”对话框。
4. 在“CSS 规则定义”对话框中，在“分类”下拉框中选择“类型”，然后在右边“类型”部分设置链接字体的颜色、大小和修饰等。
5. 设置好以后单击“确定”按钮，完成“a:link”项的设置。
@ 报个培训班出来能就业吗？
前端是当代比较火的一个互联网技术知识，许多年轻人把目光放在了前端上边，想要通过前端培训班的学习进入到这个行业，但是，很多人对于前端这个行业其实没有多少了解，多数也只是通过别人的口中获知的一些信息，对于前端学习什么，出来能干什么了解的并不多，那么前端主要学什么，报名前端培训班出来是否能就业？接下来小编就带大家一起来了解一下。
前端主要学什么？
第一阶段：HTML + CSS核心
HTML常用标签、盒模型、CSS选择器集群、伪元素/伪类、浮动/定位、CSS3动画、CSS3过渡、CC3渐变、经典布局方案、2d/3d变换HTML + CSS核心
第二阶段：JavaScript核心 + 高级
变量/内存、数据类型、条件语句、循环语句、函数/对象/数组、DOM/BOM对象、闭包/原型/作用域、事件完整解析、线程/进程、JavaScript继承模式、JavaScript算法、JavaScript设计模式、栈/队列、高级函数/函数柯里化
第三阶段：jQuery框架 + Less + BootStrap
Less同Stylus,Sass区别、BootStrap框架语法、BootStrap组件应用、jQuery设计模式、jQueryAPI、Less封装、BootStrap响应式原理、BootStrap栅格系统源码分析
第四阶段：NodeJs + 工程化
ECMAScript6新特性、JavaScript异步编程、Node基础/Node搭建服务器、Express/Koa/EJS、原生Ajax/跨域解决方案、CMD/AMD/CommonJS/ES6(模块化)
第五阶段：Vue技术栈 + webApp + 项目部署
Vue核心基础、Vue指令/表达式/实例、Vue组件通信、Vue生命周期详解、Vue-router路由、Vuex状态管理
第六阶段：React技术栈 + 工程化高级
React核心基础、ReactJSX语法、React组件、React组件通信、Redux源码分析、Redux源码分析、webpackHMR(热膜替换)、webpack懒加载/预加载
第七阶段：小程序技术栈 +服务器端框架
小程序核心语法、小程序路由、小程序生命周期、小程序支付流程、Mpvue框架、UniApp框架小程序WXML语法(遍历，条件判断等)
报个前端培训班出来能就业吗？
选择前端培训是否能够实现就业，有下面几点决定，只要能够达到基本是没有问题的。
1、选择一个好的前端培训班进行学习
2、在一个前端行业发展比较好的城市进行学习，这样机会更多
3、在前端培训过程中要加倍努力的去学习
附录：前端学习路线图
@ 为什么看到有的前端工程师将css每个选择器里的内容写成一行？
应该是个老程序猿，之前css压缩没有实现的时候，通过缩短选择器嵌套，人工进行压缩就出现了这个。而且没有less，scss开发的时候这种情况更甚，不过有了这些便捷的开发方式也希望去注意一点嵌套层数。
推荐项目工程呢还是用less，scss开发比较好，css文件开发期就是被编译的压不压缩无所谓了。
推荐楼主使用 vs code 这个编辑器 非常好用的东西。如果你要发展全栈或者学习node，这个玩意儿绕不开1
