文章详情页
css3 - css 选择器如何同时使用属性选择和顺序选择？
浏览：242日期：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. 修改mysql配置文件的默认字符集重启后依然不生效2. mongodb - windows7下mongod无法正常启动3. angular.js - 关于指令link 中的创建变量问题4. mysql - 请教一个Java做数据库缓存的问题5. 作为新手，未定义索引username，求解，谢谢6. python - 如何让dataframe A 的一列与dataframe B的一列相减 相加结果记到A的c列？7. php - 类似Apple官网顶部3级导航该如何设计数据库？8. javascript - 豆瓣的这个自适应是怎么做的？9. Java局部变量为什么要初始化10. java - 腾讯云mysql数据库可以插入数据，但是不能查询数据，求解答
排行榜
网公网安备