采用后代选择器 ：从上面可以看出所有的标签都是body的后代,那么大家使用后代选择器,就可以将body的后代(所有标签)改变样式: 后代选择器是用祖先加上空格再加上后代标签类型进行声明的。
以上资料供参考。
@ css派生选择器有几种？
基本选择器
1.标签选择器：直接用元素的标签来进行选择
span { // 直接选择span标签
size:16px;
}
1
2
3
1
2
3
2.ID选择器：通过设置id名字，进行精确的选择，用#来定义
# div1 { //通过id名字来进行选择
color:red;
}
<div>1</div>
1
2
3
4
1
2
3
4
3.类选择器:通过类名来进行选择，选择范围比id选择器大，用’.来定义
.div1 { //所有类名为div1的都被选择了
color:red;
}
<div>1</div>
<div>1</div>
<div>1</div>
1
2
3
4
5
6
1
2
3
4
5
6
4.通配符选择器：范围更大，作用于所有标签，用*来定义
不建议使用，对页面加载负担大
高级选择器
1.后代选择器：定义用空格隔开
div span { //选择的是div标签下的span标签，当然后代顾名思义可以不止隔一代，可以隔多代进行选择
color：red；
}
<div><span>1</span></div>
1
2
3
4
1
2
3
4
2.交集选择器：与后代选择器定义的不同是，没有空格隔开，两个元素紧挨着
span#a1 { //选择的是两个条件1.既是span标签的 2.id名是a1的元素，两个条件缺一不可
color：red；
}
<span id=“a1”>1</span>
<span >1</span>
1
2
3
4
5
1
2
3
4
5
3.并集选择器：定义用逗号隔开
span，#a1 { //选择的是1.是span标签的 2.id名是a1的元素，两个条件满足一个即可
color：red；
}
<span id=“a1”>1</span>
<span >1</span>
1
2
3
4
5
1
2
3
4
5
4.伪类选择器：
1.静态伪类：点击连接之前（link），点击连接之后(visited)这样的
2.动态伪类：鼠标移入（hover），点击之后（focus）
@ 智能感知的意义？
智能制造经常提的那一套说法，第一步就是智能感知。这个东西说多了，有时候就容易忽视其中内在的本意，所以说，想细究智能感知这个事情。
（1）感知的核心是对生产异常或问题的感知
制造运行是一个系统性关联的运行，一般意义上来说，很难说制造系统运行能够按照大家预定的方式持续稳定的完成运行，其中必然会出现各种各样的突发事件或者生产扰动。所以偶感觉所谓的感知，很大程度上是对生产异常的感知。
（2）智能性主要体现在时间和关联两个维度
如果等到生产异常发生了，制造系统感知到这种异常，其实这是一种事后的。在这种情况下，大家一般按照一个既定的流程进行处理，其实就可以，这个其实称不上什么智能的。因此，从时间维度上面来说，智能感知的智能性应该体现在事先。
从制造运行各个环节所产生的这种状态。一般来说都是相对孤立的，或者说大家是一个一个上来的。但是由于制造系统的运行是属于关联性比较强的那种方式，因此这些独立环节之间的状态关联，综合起来对于制造系统运行可能会产生影响。因此，相对于单一环节单一状态的显式感知，这种多环节多状态关联的隐式感知是智能性的集中体现。
（3）智能感知需要系统性的思维
一般来说大家做事情都是希望这个事情在自己的一个严谨严密的体系下面，也就是说是希望能够预先知道要感知哪些东西。虽然现在有所谓的大数据分析，能够发现一些之前难以明显感知到的那种规律或者规则，但这个毕竟可操作性不强。偶认为这个方面的系统性思维主要体现为可靠性制造运行整体思维。
应该立足于形成制造系统运行的可靠性思维，建立业务运行的关联因素图谱，可以采用各种现成的分析工具，甚至可靠性工程中那种FMEA、故障分析树及其求解方法（例如求解最小割集等），都可以拿来用。
@ CSS的类选择器和id选择器各有什么优势？
ID用于标识页面上的特定元素（比如站点导航），而且必须是唯一的。 ID也可以用来标识持久的结构性元素，例如主导航或内容区域。ID还可以用来标识一次性元素，例如某个链接或表单元素。一个ID只能应用于页面上的一个元素。
class同一个类名可以应用于页面上任意多个元素，因此类的功能强大的多。类非常适合表示内容的类型或其他相似的条目。
在实际开发中，要根据实际使用情况来决定是使用哪种样式。对于单一元素的在单一界面的展示样式可以推荐是用id来定位。多余多个界面公用，或者同一界面多个元素风格一致，样式统一使用class类要方便的多。
下面就是最简单的一个小例子：
展示效果：
