我想知道CSS中是否有一种方法可以将特定div下的样式包装成不同的。这是我想要完成的示例:
<html>
<body>
<div id="enableTheme">
<p>some themed html</p>
</div>
<div id="disableTheme">
<p>some none-themed html</p>
</div>
</body>
</html>
CSS 会做这样的事情:
#enableTheme{
p{
css styles
}
label{
different styles
}
div{
even more different styles
}
...
}
div 下具有 ID“enableTheme”的所有内容都将按照我希望的方式进行主题化。
提前感谢您的帮助
编辑:对不起大家，我的问题不是很清楚。我知道
#enableTheme p{
//Styles
}
但我的问题是我有一个 hude css 文件，我不想将“#enableTheme”一个一个添加到每个元素，这就是为什么我想知道是否有办法在全局范围内为一个包添加“#enableTheme”我预制的样式。
最佳答案
你几乎在那里。尝试
#enableTheme p {
/* styles */
}
#enableTheme label {
/* and on and on */
}
顺便说一下，如果你使用了 SCSS ，您所写的内容将准确输出您在这种情况下所需的 CSS。
编辑:......但我建议在进入 Less/Sass/SCSS 之前学习更多关于 CSS 的知识
关于html - CSS 目标主题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11744096/