CSS主样式说明
CSS主样式说明
提问于 2020-11-22 12:00:49
我看到了关于如何使用主样式表的相互矛盾的信息，并且在测试方法时遇到了一些错误。我只想弄清楚该怎么做。
我想在主global.css表中存储跨网站品牌样式，并在第二个.css文件上进行页面特定的调整。
例如，以下代码将存在于主表中：
#headline1{
font-family: 'Roboto', sans-serif;
font-size: 96px;
letter-spacing: -1.5px;
}这段代码是特定于页面的：
.headline {
color: #FFFFFF;
text-align: center;
}我最近读到一些东西，说你不应该以这种方式使用ID。当我在同一个分组中多次使用它时，我也遇到了问题。我最初只尝试使用类而不是ID来实现这一点，但它从未成功过。不知道为什么。
这种方法被认为是正确的吗？如果不是，正确的方法是什么？
回答 1
Stack Overflow用户
发布于 2020-11-22 12:29:13
如果您使用以下命令创建master.css：
.headline {
font-family: 'Roboto', sans-serif;
font-size: 96px;
color:#000
letter-spacing: -1.5px;
}您可以在每个页面上构建/替换它，只要您的自定义css位于master.css之后。
.headline {
font-size: 45px;
color: #FFFFFF;
text-align: center;
}页面的快速示例：
<link rel="stylesheet" type="text/css" href="master.css"/>
<style>
.headline { //
font-size: 120px; // size overides master
color: #FF0000; // color overides master
text-align: right; // added alignment, which is overiding the browsers base css
}
</style>我不确定这是不是你想要的，但我希望它能有所帮助
在您提供的示例中，只能假设您具有以下内容：
<div id="headline1"><span class="headline">Title</span></div>这基本上意味着应用于div的任何样式，除非另有说明，否则跨度将继承。
为了进一步扩展这一点，您还可以使用内联样式样式，除非已将样式添加到<span style="color:#FFF">元素，否则它将支配任何其他样式。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/64950563
复制相关文章
相似问题
腾讯云开发者
