文章詳情頁
css3 - css 選擇器如何同時使用屬性選擇和順序選擇？
瀏覽：94日期：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的區(qū)別
標(biāo)簽：
CSS
相關(guān)文章：
1. MySQL數(shù)據(jù)庫中文亂碼的原因2. dockerfile - 我用docker build的時候出現(xiàn)下邊問題 麻煩幫我看一下3. angular.js使用$resource服務(wù)把數(shù)據(jù)存入mongodb的問題。4. angular.js - 關(guān)于$apply()5. mysql - 新浪微博中的關(guān)注功能是如何設(shè)計表結(jié)構(gòu)的？6. angular.js - Ionic 集成crosswalk后生成的apk在android4.4.2上安裝失敗？？？7. dockerfile - [docker build image失敗- npm install]8. 如何解決Centos下Docker服務(wù)啟動無響應(yīng)，且輸入docker命令無響應(yīng)？9. nignx - docker內(nèi)nginx 80端口被占用10. 請問朱老師，如何配置url訪問路由
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備