文章详情页
css3 - css 选择器如何同时使用属性选择和顺序选择？
浏览：223日期：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. javascript - jQuery post()方法，里面的请求串可以转换为GBK编码么？可以的话怎样转换？2. python3.x - python 中的maketrans在utf-8文件中该怎么使用3. javascript - 一排三个框，各个框的间距是15px,距离外面的白框间距也是15px，这个css怎么写？4. css - ul ol前边的标记如何调整样式呢5. html5 - vue-cli 装好了 新建项目的好了，找不到项目是怎么回事？6. javascript - nodejs调用qiniu的第三方资源抓取，返回401 bad token，为什么7. mysql - C#连接数据库时一直这一句出问题int i = cmd.ExecuteNonQuery();8. django - python 2层文件夹导入9. python - 用urllib抓取网页上的下载链接，目标文件是xls形式，但发现抓下来的xls是空表，里面只有一句报错信息，求帮助。10. javascript - vue 手机端项目在进入主页后 在进入子页面，直接按返回出现空白情况
排行榜
网公网安备