お世話になっております。
下記コードにつきまして、
li:nth-child(2)、li:nth-child(3)、li:nth-child(4)
のように連番で記述しているのですが
nth-childクラスを使用して
他の記述方法があればと思い質問させていただきました。
お手数おかけ致しますが、宜しくお願い致します。
html
1<ul> 2 <li>1</li> 3 <li>2</li> 4 <li>3</li> 5 <li>4</li> 6 <li>5</li> 7</ul>
css
1ul{ 2 list-style:none; 3 text-align: center; 4} 5 6li:first-child{ 7 background-color:red; 8} 9 10li:nth-child(2), 11li:nth-child(3), 12li:nth-child(4){ 13 background-color:green; 14} 15 16li:last-child{ 17 background-color:blue; 18} 19
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2015/08/26 14:36