Question

是否可以更改css以仅在有超过2个孩子的情况下显示框？

示例：

// Don't show
<ul>
  <li>Something</li>
</ul>

// Show
<ul>
  <li>Something</li>
  <li>Something</li>
</ul>

我正在尝试仅使用CSS。有可能吗？

Answer 1

您可以使用class DemoThing def do_something retVal = [] 5.times do |i| retVal << MyActiveRecordModel.where(:id => i) end retVal end end dt = DemoThing.new stuff = dt.do_something # want to assert that do_something hit the database 5 times选择器隐藏li，如果它是唯一的那个。

:only-child

ul li:only-child{
  display: none;
}

ul li:only-child {
  display: none;
}

https://jsfiddle.net/90kx009u/

如果您想要完全满足您的要求，那么这就是JS：

<ul>
  <li>Don't Display</li>
</ul>
<ul>
  <li>Display</li>
  <li>Display</li>
</ul>

https://jsfiddle.net/90kx009u/2/

Answer 2

你不能直接'计算'CSS中的元素总数，所以如果有2个或更多的div（你需要JavaScript），就没有办法只应用这个类了点击此处：How to add CSS if element has more than one child?

仅在有超过2个孩子的情况下显示

2 个答案: