css3 - css 選擇器如何同時使用屬性選擇和順序選擇?
問題描述
我需要給 p[class^='xxx'] 的最后一個元素定義樣式,可是寫 p[class^='xxx']:last-of-type 不起作用,請問要怎么寫呢?
問題解答
回答1:<!DOCTYPE html><html> <head><meta charset='UTF-8'><title></title> </head> <style type='text/css'>.d1{ width: 200px; height: 500px; background-color: #0077B0;} </style> <body><p class='d1'> <ul><li class='zz'>li-1</li><li class='zz'>li-2</li><li class='zz'>li-3</li><li class='zz'>li-4</li><li class='zz'>li-5</li> </ul></p><script src='http://libs.baidu.com/jquery/2.0.0/jquery.min.js'></script><script type='text/javascript'> $(function() {$('.d1').click(function() { alert( $('li.zz:last').text() );}) })</script> </body></html>
last last-child 都可以
你很可能需要了解一下last-of-type和last-child的區別
相關文章:
1. docker 17.03 怎么配置 registry mirror ?2. javascript - sublime快鍵鍵問題3. javascript - immutable配合react提升性能?4. 實現bing搜索工具urlAPI提交5. javascript - vue-router 地址改變數據未改變6. javascript - html5多個label中其中一個觸發change,如何判斷是哪一個出發了change7. css - 移動端字體設置問題8. phpstudy8.1支持win11系統嗎?9. css - 寫頁面遇到個布局問題,求大佬們幫解答,在線等,急!~10. 配置Apache時,添加對PHP的支持時語法錯誤

網公網安備