我想知道是否可以根据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(请不要)。

10-05 21:03
查看更多