<!DOCTYPE?html>
<html>
????<head>
????????<title>:last-child子元素過濾選擇器</title>
????????<script?src="http://libs.baidu.com/jquery/1.9.0/jquery.js"?type="text/javascript"></script>
????????<link?href="style.css"?rel="stylesheet"?type="text/css"?/>
???</head>
????
????<body>
????????<h3>改變每個"蔬菜水果"中最后一行的背景色</h3>
????????<ol>
????????????<li>芹菜</li>
????????????<li>茄子</li>
????????????<li>蘿卜</li>
????????????<li>大白菜</li>
????????????<li>西紅柿</li>
????????</ol>
????????<ol>
????????????<li>橘子</li>
????????????<li>香蕉</li>
????????????<li>葡萄</li>
????????????<li>蘋果</li>
????????????<li>西瓜</li>
????????</ol>
????????
????????<ol>
????????????<li>橘子</li>
????????????<li>香蕉</li>
????????????<li>葡萄</li>
????????????<li>蘋果</li>
????????????<li>西瓜</li>
????????????<h6>最后一個</h6>
????????</ol>
???????????
????????<script?type="text/javascript">
?????????//??$("li:last-child").css("background-color",?"blue");
?????????$("ol?:last-child").css("background-color",?"blue");
????????</script>
????</body>
</html>當然，如果$("ol :last-child")里面指定li或者h6除外。
3 回答
淡雅的默
TA貢獻102條經(jīng)驗 獲得超139個贊
代碼不全，看不出來，樣式不貼出來什么鬼；
根據(jù)提供的內(nèi)容，如果網(wǎng)頁只有一個ol，那么正確的應該是把Ol的背景變成藍色，而不是H6標簽，但是你給了這么一點代碼，直接是給了h6的背景
qq_袁佳清_0
TA貢獻2條經(jīng)驗 獲得超0個贊
你的這個情況我之前也遇到了，不過我用的是frist-child ?。 li:last-child 不能選最后一個<li>西瓜</li>，應該是代碼把h6也當成 li 標簽了，而你給 li 加樣式 ，并沒有給h6加所以不顯示背景。 你可以把h6放中間，用 eq() 或者 nth-child() ,用個數(shù)的方式去選，它會占一位，但是前面給 li 加樣式，它就不能顯示
- 3 回答
- 0 關注
- 1444 瀏覽
添加回答
舉報
0/150
提交
取消