虽然这可能会导致一个简单的是或否答案我会去,它反正
请考虑以下示例：
- <html>
- <head>
- </head>
- <body>
- <div class="foo">
- <span class="bar">Hello world!</span>
- <p>Some really interesting text.</p>
- </div>
- </body>
- </html>
CSS
- html {
- /* some css */
- }
- body {
- /* some css */
- }
- div.foo {
- /* some css */
- }
- div.foo span.bar {
- /* some css */
- }
- div.foo p {
- /* some css */
- }
css规则出现的顺序会对浏览器如何(快速)渲染页面有任何影响吗？ (在这个例子中,这并不重要,但考虑一个真正的网站,加载了html和css)
所以上述css脚本会比浏览器更快或更容易的呈现：
- div.foo p {
- /* some css */
- }
- div.foo span.bar {
- /* some css */
- }
- div.foo {
- /* some css */
- }
- body {
- /* some css */
- }
- html {
- /* some css */
- }
浏览器是否关心？
我们应该吗？
在询问前阅读：
> Is this how you would structure your CSS stylesheet?
> What’s the best way to organize CSS rules?
> How do browsers read and interpret CSS?
