css - 开始和结束一段 CSS 代码

Question

当我使用样式 CSS 时，如下所示：

#test p{/*css code here*/}
#test span{/*css code here*/}
#test p.one{/*css code here*/}
#test span.test{/*css code here*/}

#test然后每次选择带有id的div会比较容易，如下：

begin #test
p{/*css code here*/}
span{/*css code here*/}
p.one{/*css code here*/}
span.test{/*css code here*/}
end #test

这是 CSS 样式的好习惯吗？如果是这样，我希望这将被添加到未来版本的 CSS 中。

score 6 · Accepted Answer

或者您可以使用动态 CSS 语言，例如 LESS：http ://lesscss.org/或 Sass http://sass-lang.com/正如@steveax 指出的那样

score 0 · Accepted Answer

不要超出范围。我相信这里的社区可能会不同意，

请看这个：

score 0 · Accepted Answer

这是一个有趣的建议，但我宁愿坚持原来的。#test我知道输入100 次可能太多了，但是在中css，人们可能会发现很难看到begin和end关键字。

尤其是当你有 other 时p, span，begin 和 end 中的相同内容可能看起来令人困惑。

这当然只是一个意见...

score 0 · Accepted Answer

在 csslint 验证中，通常不允许使用 id。我相信原因是可重用性问题。我认为特别的开始和结束也给 css 代码的可重用性带来了问题。我更喜欢使用可以被许多元素重用的元素属性。

score 0 · Accepted Answer

嵌套选择器目前不是一个好的 CSS 实践，因为它不是有效的 CSS 并且不起作用。

CSS 编译器（例如Sass、LESS和Stylus）通过添加嵌套、变量和循环/逻辑等功能来实现更动态的 CSS 开发。CSS 编译器之于 CSS 就像 PHP 之于 HTML 一样。

有些人主张在任何 CSS 样式中避免使用s 。您必须仔细考虑这些论点，并确定这种做法对您的实施是否有意义。id

如果您希望影响即将发布的 CSS 规范和建议，您可以与W3C CSS WG合作。

5 回答 5