#あるクラスが付いていない子要素の中で最初の要素をセレクターで指定したい
html
1<ul> 2 <li class="bg-blue hidden"></li> 3 <li class="bg-blue"></li> 4 <li class="bg-blue hidden"></li> 5 <li class="bg-blue"></li> 6 <li class="bg-blue"></li> 7</ul>
css
1.hidden { 2 display: none !important; 3} 4 5ul li:not(.hidden):nth-of-type(1) { 6 background: blue; 7} 8 9ul li:not(.hidden):nth-of-type(3) { 10 background: blue; 11}
実現したいこと
hiddenクラスがないli要素の中で最初のli要素にcssをあてたい
上記のcssだと「最初にあるli要素」判定が先になり、実現したいことができないため
他のやり方で実現したいことがCSSの範囲でできるかを教えていただきたいです。
E:not(.class):nth-of-type(n)
イメージでは上記のような形で実現したいのですが、、、
よろしくお願いします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/04/11 05:19