有没有办法在css和/或更少的时间内选择元素和兄弟姐妹？

Question

我经常要为一个元素及其年幼的兄弟姐妹设计样式。假设我想要设置第三个span以及后面的所有span:nth-child(2) ~ span { width: 125px; } 。我知道我可以这样做：

span

在英语中，这表示＆＃34;获取第二 div并将所有设置为＆＃em>＆＃34;之后的样式。所以这有效地从第三个​​上的风格开始。

但我不喜欢这种语法，因为：

• 我必须每次都仔细阅读，因为它不容易理解。
• 如果我更改HTML以使用span而不是span:nth-child-or-following(3) { width: 125px; } ，我必须在两个位置更改相应的CSS。

那么，有没有办法，可能使用LESS函数或mixin来做相同的事情：

.asType(List)

Answer 1

使用span:nth-child(n + 3) { ... }

所以没有标签重复，您自然会使用从3开始的索引

  

Codepen demo