将<body>中的<style>标记与其他超文本标记语言一起使用
<html>
<body>
<style type="text/css">
p.first {color:blue}
p.second {color:green}
</style>
<p class="first">Hello World</p>
<p class="second">Hello World</p>
<style type="text/css">
p.first {color:green}
p.second {color:blue}
</style>
<p class="first">Hello World</p>
<p class="second">Hello World</p>
</body>
</html>浏览器应该如何呈现非连续的css？它是否应该使用页面上的所有css样式生成某种数据结构，并使用该结构进行呈现？
或者它是按照它看到的顺序使用样式信息呈现的？
回答 8
Stack Overflow用户
发布于 2012-04-11 06:59:39
当我看到大型站点内容管理系统经常将一些元素(一些，而不是全部)放在依赖于这些类的内容附近时，我得出结论，这匹马已经出了谷仓。
去看看来自cnn.com，nytimes.com，huffingtonpost.com，你最近的大城市报纸等的页面资源，它们都是这样做的。
如果有很好的理由在主体中的某个地方添加额外的部分--例如，如果您实时地包含()各种独立的页面元素，并且每个元素都有自己的嵌入式，那么组织将更干净、更模块化、更易于理解和更易于维护--我建议您只管咬住子弹。当然，如果我们可以使用具有有限范围的“本地”样式会更好，比如局部变量，但是你可以使用你已经拥有的HTML，而不是你以后可能想要或希望拥有的HTML。
当然，正如其他人所阐述的那样，遵循正统也有潜在的缺点和良好的(如果不总是令人信服的)理由。但在我看来，对in的深思熟虑的使用已经成为主流。
Stack Overflow用户
发布于 2010-05-14 05:13:42
不是有效的HTML，不管怎么说，几乎每个浏览器似乎都只考虑第二种情况。
在Fedora下的FF和Google Chrome的最新版本以及XP下的FF、Opera、IE和Chrome下进行了测试。
Stack Overflow用户
发布于 2010-05-14 05:05:42
我猜不同的浏览器会有所不同:全局显示规则可能会随着浏览器浏览代码而更新。
在延迟加载外部样式表时，有时可以在全局显示规则中看到这样的更改。类似的事情可能会在这里发生，但在如此短的连续时间内，它实际上并没有被渲染。
它无论如何都不是有效的HTML，所以我认为它是徒劳的。<style>标记属于页面的head部分。
https://stackoverflow.com/questions/2830296
复制相似问题