我的目標是在最后一個CSS上使用CSS li，但是這樣做不是。#refundReasonMenu #nav li:last-child { border-bottom: 1px solid #b5b5b5;}<div id="refundReasonMenu"> <ul id="nav"> <li><a id="abc" href="#">abcde</a></li> <li><a id="def" href="#">xyz</a></li> </ul> </div>如何只選擇最后一個孩子？
3 回答
當年話下
TA貢獻1890條經驗 獲得超9個贊
該:last-child偽類仍然無法可靠地跨瀏覽器使用。特別是，Internet Explorer <9和Safari <3.2絕對不支持它，盡管Internet Explorer 7和Safari 3.2 確實支持:first-child。
最好的選擇是last-child向該項目顯式添加一個（或類似的）類，然后應用li.last-child。
交互式愛情
TA貢獻1712條經驗 獲得超3個贊
另一種可能對您有用的解決方案是逆轉關系。因此，您將為所有列表項設置邊框。然后，您將使用第一個孩子消除第一個項目的邊框。所有瀏覽器均靜態支持第一個孩子（這意味著無法通過其他代碼動態添加第一個孩子，但是第一個孩子是CSS2選擇器，而在CSS3規范中添加了最后一個孩子）
注意：僅當列表中只有2個項目（例如您的示例）時，這才可以按預期方式工作。任何第3個項目及以上項目都將應用邊框。
拉風的咖菲貓
TA貢獻1995條經驗 獲得超2個贊
如果您認為可以使用Javascript，那么由于有了jQuery支持last-child，因此可以使用jQuery的css方法，它的優點是它將支持幾乎所有瀏覽器
示例代碼：
$(function(){
$("#nav li:last-child").css("border-bottom","1px solid #b5b5b5")
})
您可以在此處找到更多信息：http : //api.jquery.com/css/#css2
- 3 回答
- 0 關注
- 425 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消