文章詳情頁
css3 - css 選擇器如何同時使用屬性選擇和順序選擇？
瀏覽：136日期：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. css - 新手做響應式布局， 斷點過后右側出現空白，求幫助，謝謝。2. javascript - 關于<a>元素與<input>元素的JS事件運行問題3. css3 - 純css實現點擊特效4. mysql - 查詢字段做了索引為什么不起效,還有查詢一個月的時候數據都是全部出來的，如果分拆3次的話就沒問題，為什么呢。5. mysql - 記得以前在哪里看過一個估算時間的網站6. 大家好，我想請問一下怎么做搜索欄能夠搜索到自己網站的內容。7. ID主鍵不是自增的嗎 為什么還要加null8. MySQL中的enum類型有什么優點？9. python - 啟動Eric6時報錯：’qscintilla_zh_CN’ could not be loaded10. javascript - vue 怎么渲染自定義組件
排行榜
網公網安備