<div class="div1">
<p></p>
<p></p>
<p><a href="#"></a></p>
<a href="#"></a>
<a href="#"></a>
</div>
像上面这样，div1 a{}的作用域是div下的全部a，不管是p里面的还是外面的。如果想把p里面的
a单独设置，只要取div1 p a{}冲突掉就可以了。外面的就再设class或者id吧
你可以这么理解,--color其实就是个属性名，但是这个东西是用户自定义的属性名，而非CSS样式的合法属性名在实际开发当中，并不会出现这个写法，CSS属性当中只有color属性，也没有hover属性hover是一种状态这个地方很有可能是开发工程师为了备注此处文本默认为什么颜色，hover为什么颜色而故意书写的，但是即便是这样，在实际开发当中也不推荐，原因是“可以使用CSS注释，将不需要的内容注释起来”
