css3 属性选择器加伪类选择器一起使用

最新推荐文章于 2024-04-30 10:21:52 发布

weixin_30642561

最新推荐文章于 2024-04-30 10:21:52 发布

阅读量576

点赞数

原文链接：http://www.cnblogs.com/c350156378/p/6815936.html

版权

先看代码，以下代码是可以工作，这里记录下实现机制。

<!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元素。另外不确定这样用是否存在性能问题，待确认。

转载于:https://www.cnblogs.com/c350156378/p/6815936.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30642561

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
css3 属性选择器加伪类选择器一起使用

先看代码，以下代码是可以工作，这里记录下实现机制。<!DOCTYPE html><html><head><style> p[class="a1"]:nth-of-type(5){background:#ff0000;}</style></head><body>...
复制链接

扫一扫