为了更好的可读性和更清晰的代码，我在 LESS 中使用嵌套样式，如下所示:
.item {
.title {
/* ... */
}
.content {
/* ... */
}
}
问题是它编译成的后代选择器，例如:
.item .title {
/* ... */
}
据说对性能非常不利。对于现代浏览器来说仍然如此吗？如果是这样，还有什么选择？ (我的目标是组织代码，我可能真的不需要后代选择器。)
最佳答案
据我所知，.item .title 是在 .item 中选择 .title 的唯一方法( .item > .title 如@Oriol 所述，在某些情况下也可能有效)。 Less 使您能够嵌套此关系。
当你不需要那个关系时，你也不应该将它嵌套在你的 Less 代码中。可能使用注释来明确一组选择器属于某个其他选择器。或者考虑 BEM 方法，参见 http://csswizardry.com/2013/01/mindbemding-getting-your-head-round-bem-syntax/ , 那么 .item .title 可以写成 item__title {}.
关于css - LESS 中的分层/嵌套样式，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/28398171/