你可以使用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>
答案 0 :(得分:4)
如果1,3,7,8是随机的而不是某种模式,那就相当简单了:
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;
}
答案 1 :(得分:0)
如果它是随机数我认为你需要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;
}