html - 使用 nth-child 设置多个项目的样式

Question

您可以使用 nth-child 来设置样式，而不是奇数，偶数而是各种乱序项目？

我想设计 1,3,7,8 的样式，那我该怎么做呢？

演示http://jsfiddle.net/nTZrg/50/

<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
</ul>

Answer 1

假设 1,3,7,8 是随机的，而不是某种模式，它相当简单：

jsFiddle

ul li:nth-child(1),
ul li:nth-child(3),
ul li:nth-child(7),
ul li:nth-child(8){
    background-color:blue;
    color: white;
}

Answer 2

如果是随机数，我认为您需要 javascript 这是一个 jquery 实现 http://jsfiddle.net/nTZrg/52/

 <ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
 <li>7</li>
<li>8</li>
<li>9</li>
</ul>


var array = [1, 3, 7, 8]

for (i=0; i < array.length; i++) {
$('ul li').eq(array[i]).prev().addClass('blue')
}



 .blue {
     background-color:blue;
     color: white;
 }