Question

我需要根据包含div中的标签数量来设置标签标签的样式。

示例代码：

<div class="wrapper">
 <label class="checkout-item-promo" />
</div>

<div class="wrapper">
 <label class="checkout-item-promo" />
 <label class="checkout-item-promo" />
</div>

对于第二个div，我需要使用CSS3的:before功能在标签前添加项目符号，但我只希望在包装器中有多个标签时发生。

任何人都有使用仅 CSS

实现此功能的任何提示或技巧

Answer 1

您可以将选择器:only-child与:not结合使用。据我所知，如果 div中有超过1个标签，则要向所有标签添加项目符号，否则（只有1个标签）不应添加项目符号。所以你可以尝试这个CSS：

div.wrapper > .checkout-item-promo:not(:only-child):before {
  content:'* ';    
}

基于CSS使用多少元素的样式元素？

1 个答案:

Demo.