car*_*per 0 css performance css-selectors
我想要两个不同的HTML元素,它们处于相同的嵌套级别,以具有相同的CSS属性值.这种浪费的语法有替代方法吗？
.level1 .level2 .level3 element1 { /*rules*/ }
.level1 .level2 .level3 element2 { /*rules*/ }
我刚在想
.level1 .level2 .level3 element1, .level1 .level2 .level3 element2 { /*rules*/ }
......但这看起来令人困惑,并没有减少太多.
是定义新类的最佳方法吗？
.level1 .level2 .level3 element1,
.level1 .level2 .level3 element2 { }
要么
.level1 .level2 .level3 * { }
如果你不改变源代码,是你唯一的其他语法选择.如果你有除element1和element2之外的其他元素,后者将失败.我和前者一起去.