我想知道是否可以根据body id的值定义元素的样式。
很难解释,但这样的解释是理想的:
HTML:
<body id="home">
CSS:
body#home {
a { /* code here */ }
p { /* code here */ }
}
body#profile {
a { /* different code here */ }
p { /* different code here */ }
}
我知道我能做到:
body#home a { /* code here */ }
但这变得非常重复。
我期待你的回复,
彼得
最佳答案
请注意,虽然这样的嵌套样式可以使用css框架支持,但是应该考虑在css中保持模块性和干净的继承性。你最终可能弊大于利。特别是,要注意一些被称为“初始规则”(inception rule)的东西,如下所述:
http://thesassway.com/beginner/the-inception-rule
先启规则:深度不要超过四层。
对标记所做的任何更改都需要反映到
sass和反之亦然。这也意味着样式的范围是
生命的那些元素和HTML结构
破坏了“层叠样式表”的“层叠”部分的目的。
如果你沿着这条路走,你最好回去写你的css
内联在您的HTML(请不要)。