首页 > 代码库 > css3 属性选择器加伪类选择器一起使用
css3 属性选择器加伪类选择器一起使用
先看代码，以下代码是可以工作，这里记录下实现机制。
<!DOCTYPE html> <html> <head> <style> p[class="a1"]:nth-of-type(5) { background:#ff0000; } </style> </head> <body> <h1>这是标题</h1> <p class="a1">第一个段落。</p> <p class="a2">第二个段落。</p> <p class="a1">第三个段落。</p> <p class="a2">第四个段落。</p> <p class="a1">第五个段落。</p> </body> </html>
其最终效果是第五个p元素且该元素的类名为a1，而不是第五个p.a1元素。另外不确定这样用是否存在性能问题，待确认。
css3 属性选择器加伪类选择器一起使用
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。