摘要： 一直没有认真去了解CSS是如何运行,样式里面的选择器、元素的匹配规则。不清楚怎么样的样式选择、匹配才能让页面运行得更快、效率更高。如CSS： div#divBox p span.blue{color:blue;} 我以前对这个CSS的理解是，浏览器先查找id为divBox的div元素，当找到后，再找其下的所有p元素，然后再查找所有span元素，当发现有span的class为blue的时候，就应用该style。认为浏览器是从左往右匹配CSS的，可是这个理解却是完完全全相反、错误的。CSS匹配原理： 浏览器CSS匹配不是从左到右进行查找，而是从右到左进行查找。比如之前说的div#divBox p 阅读全文