对象为空则css样式不生效？

Question

在数组中的对象name为空的情况下，css中的样式要它不生效，这种要怎么做？


现在为空的情况下会显示

Answer 1

最终解决方法是通过使用v-show将其隐藏掉

未使用empty是由于<div>中有一个一直存在的<span>
使用:empty需要注意的：empty是一个css的伪类选择器，用于选择页面中为空的元素。
如果元素没有任何子元素（节点）或文本内容，则该元素计为空。注释和处理指令不会影响元素是否为空。
可以自己试一下https://www.runoob.com/try/tr...

Answer 2

额外加一个class设置background-color: unset

Answer 3

样式覆盖
&:empty{

background-color:#000;

}