您的位置：首页技术文章
文章详情页

css3 - css 选择器如何同时使用属性选择和顺序选择？

浏览：303日期：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>

css3 - css 选择器如何同时使用属性选择和顺序选择？last last-child 都可以

回答2：

你很可能需要了解一下last-of-type和last-child的区别

标签： CSS
上一条：css3 - transition用js改变class不能实现过渡效果吗？怎样才能实现呢？下一条：css - 要实现这种磨砂效果，有什么好方法吗
相关文章：
1. PHP中的$this代表当前的类还是方法？2. java - 如何分割形如(operator arg1 arg2 ... argn)的字符串？3. python - celery beat 调度如何运行期间动态添加任务？4. javascript - 微信公号里采用七牛上传视频部分手机不能选择文件5. docker gitlab 如何git clone？6. javascript - yo创建angular报错7. 把h5放入webview里面，h5页面上下可以回弹，怎么可以去掉该效果8. css - 关于Flex布局的问题9. css3 - 新版支付宝 账单页面滑动时月份栏被下一个月给顶上去是什么效果10. javascript - nodejs报错 打开localhost:3000 就报错
排行榜
css - 关于Flex布局的问题
css - 关于Flex布局的问题
1. javascript - 微信公号里采用七牛上传视频部分手机不能选择文件
2. 为什么我ping不通我的docker容器呢？？？
3. css3 - 新版支付宝 账单页面滑动时月份栏被下一个月给顶上去是什么效果
4. python - celery beat 调度如何运行期间动态添加任务？
5. docker gitlab 如何git clone？
6. 把h5放入webview里面，h5页面上下可以回弹，怎么可以去掉该效果
7. javascript - yo创建angular报错
8. javascript - nodejs报错 打开localhost:3000 就报错
9. java - 如何分割形如(operator arg1 arg2 ... argn)的字符串？
10. PHP中的$this代表当前的类还是方法？
热门标签