html - css选择器,不唯一怎么表示?

问题描述

问 题

p:only-child
{
}

上面这个我懂了..

我想问某标签有多个p 标签怎么表示?
就是这个<p>的数量大于1

解决方案

p:first-child:nth-last-child(n+2),
p:first-child:nth-last-child(n+2) ~ p

我猜这是题主想要的。当 p 元素数量大于等于2时，选中所有 p 元素；当 p 元素数量小于2时，一个 p 元素也不选。
事实上这个方法可以推而广之，实现当元素数量在某个数字或范围时选中所有元素。
具体参见 《CSS 揭秘》第38章：根据兄弟元素的数量来设置样式。

这篇关于html - css选择器,不唯一怎么表示?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！