文章詳情頁
css3 - css 選擇器如何同時使用屬性選擇和順序選擇？
瀏覽：107日期：2023-06-29 10:52:45
問題描述
我需要給 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的區別
標簽：
CSS
相關文章：
1. python bottle跑起來以后,定時執行的任務為什么每次都重復(多)執行一次?2. python - 爬蟲模擬登錄后，爬取csdn后臺文章列表遇到的問題3. html5 - HTML代碼中的文字亂碼是怎么回事？4. 視頻文件不能播放，怎么辦？5. javascript - vue2如何獲取v-model變量名6. javascript - 求幫助 , ATOM不顯示界面!!!!7. mysql - 分庫分表、分區、讀寫分離 這些都是用在什么場景下 ，會帶來哪些效率或者其他方面的好處8. javascript - 為什么在谷歌控制臺 輸出1的時候，輸出的1立馬就不見了9. javascript - angular使從elastichearch中取出的文本高亮顯示，如圖所示10. javascript - ios返回不執行js怎么解決？
排行榜
網公網安備