福彩幸运武林开奖
歡迎來到DIVCSS5查找CSS資料與學習DIV CSS布局技術!
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>:nth-child(-n+3)指定小于等于第三個li被設置樣式</title>
<style>
ul,li{ list-style:none; margin:0; padding:0}
ul li:nth-child(-n+3){color:#F00}/*設置小于等于第3的個li 字體顏色為紅色*/
</style>
</head>
<body>
<ul>
<li>第一排 CSS5實例</li>
<li>第二排</li>
<li>第三排</li>
<li>第四排</li>
<li>第五排</li>
<li>第六排</li>
</ul>
</body>
</html>

前3個li對象被設置字體為紅色

如需轉載,請注明文章出處和來源網址:http://www.mcowk.com.cn/css3-style/c53652.shtml

福彩幸运武林开奖 广东时时彩 王者荣耀电竞比分 黑龙江十一选五 体球探网即时 球探篮球比分app旧版 亿客隆彩票官网 竞彩比分预测专家 亚洲足球即时赔率 北京十一选五 20选5 体球网即时赔率 亿客隆彩票 cba比分网 体彩p5 黑龙江11选5 湖南快乐10分