Question

我不确定或没有找到一个我知道或可以想到的css的好解决方案的问题。

如何显示：none或-webkit-flex：none;当li包含一个标签时，在li上。通常它会起作用，除了已经存在的css触发器-webkit-flex：1;在li上意味着即使a标签为空，它也会在水平行中创建空白。这是我正在使用的以下示例。我希望第二个li根本不显示任何空格。

<style>
ul li a:empty {

   display: none;
   -webkit-flex: none;

}
</style>

<ul class='example'>
   <li>
     <a href="#">test</a>
   </li>
   <li>
     <a href="#"></a>
   </li>
   <li>
     <a href="#">test 3</a>
   </li>
</ul>

如果我写

<style>
    ul li:empty {

       display: none;
       -webkit-flex: none;

    }
</style>

它在技术上并不是空的，因为它包含一个标签。

我基本上希望整个li都是-webkit-flex：none;当ul li a是空的？有没有人对如何使用css而不是jquery或JS ??

有任何好的想法

：空选择器ul li a

0 个答案: