文章詳情頁
css3 - css 選擇器如何同時(shí)使用屬性選擇和順序選擇？
瀏覽：120日期：2023-06-29 10:52:45
問題描述
我需要給 p[class^='xxx'] 的最后一個(gè)元素定義樣式，可是寫 p[class^='xxx']:last-of-type 不起作用，請(qǐng)問要怎么寫呢？
問題解答
回答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的區(qū)別
標(biāo)簽：
CSS
上一條：css3 - transition用js改變class不能實(shí)現(xiàn)過渡效果嗎？怎樣才能實(shí)現(xiàn)呢？下一條：css - 要實(shí)現(xiàn)這種磨砂效果，有什么好方法嗎
相關(guān)文章：
1. javascript - 奇怪的Symbol的問題2. angular.js - angular ng-class里面的引號(hào)問題3. javascript - Web微信聊天輸入框解決方案4. docker - 如何修改運(yùn)行中容器的配置5. html - vue項(xiàng)目中用到了elementUI問題6. 網(wǎng)頁爬蟲 - 用Python3的requests庫模擬登陸B(tài)ilibili總是提示驗(yàn)證碼錯(cuò)誤怎么辦?7. mysql無法添加外鍵8. javascript - history.replaceState()無法改變query參數(shù)9. javascript - react 中綁定事件和阻止事件冒泡10. javascript - es6將類數(shù)組轉(zhuǎn)化成數(shù)組的問題
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備