CSSや以下で要素AND兄弟を選択する方法はありますか？

Question

多くの場合、要素とその若い兄弟のスタイルを設定したいと考えています。私が3番目のスタイルspanとそれ以降すべてをスタイルしたいとします。私はこれを行うことができることを知っている：英語で

span:nth-child(2) ~ span 
{ 
    width: 125px; 
} 

、これは「すべての次もの二spanとスタイルを取得します」と言います。これは効果的にスタイルを行います第3 1つ。

しかしので、私は、この構文を好きではない：それは理解することは容易ではありませんので、私は、丁寧にひとつひとつの時間をこれを読んでする必要が

• 。
• spanの代わりにdivを使用するようにHTMLを変更した場合は、対応するCSSをの2つのに変更する必要があります。だから、

、どのような方法は、おそらく相当を行うには、LESS機能やミックスインを使用して、そこにある：

span:nth-child-or-following(3) 
{ 
    width: 125px; 
} 

Answer 1

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

ので、タグの繰り返しがありません、あなたが自然に使用します3

Codepen demo

から始まるインデックスの