几个有益的 CSS 小知识

样式的顺序
CSS 代码：

 

HTML 代码：

 

记得之前这是一道比较火的 CSS 考题，当时好像是有不少的人答错(30% 以上)
答案你们应该是知道的。
可以这样提升 CSS 性能
后代选择器
样式选择器中间的空格是什么？它的名字是 —— 后代选择器。

为什么会更消耗性能呢?
因为浏览器首先会找到所有p标签，然后再向上查找包含class为div标签。这样一来如果代码中有很多p标签，无疑是会做很多重复工作的。
所以可以减少使用 HTML 标签来定义 CSS 的方式，换成使用具体的class。
浏览器会从右到左解析 CSS 选择器：

浏览器会对上面的例子做如下的步骤处理：
首先找到页面所有的元素
然后向上找到被

元素包裹的

几个有益的 CSS 小知识最先出现在Python成神之路。