題目
.實現(xiàn) 奇數(shù)li顯示紅色,偶數(shù)li顯示黃色惩阶,3的倍數(shù)的li顯示粉色
<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>
法1:
<script type="text/javascript">
$(function(){
$("li:nth-child(even)").css("background-color","yellow");
$("li:nth-child(odd)").css("background-color","red");
$("li:nth-child(3n+0)").css("background-color","pink");
})
</script>
</head>
<body>
<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>
法二:
<style>
li:nth-child(odd) {
background-color: red;
}
li:nth-child(even) {
background-color: yellow;
}
li:nth-child(3n+0) {
background-color: pink;
}
</style>
</head>
<body>
<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>