Question

我使用以下代码显示两个按钮：

＆＃13;

<div class="row readmorewrapper">
	<div class="col-sm-5 readmorebutton">
    <h6 class="mtn mbn readmore"><a href="[wpv-post-url]">Read more</a></h6>
  </div>
	<div class="col-sm-5 purchasebutton">
    <h6 class="mtn mbn readmore">[types field='amazon-url' title='Purchase' target='_blank'][/types]</h6>   
  </div>
</div>

＆＃13;

如果自定义字段没有内容，但.purchasebutton无效，我想使用:empty隐藏.purchasebutton:empty。我错误地使用:empty吗？

由于

Answer 1

类“purchasebutton”的div不为空。它包含一个h6元素。

From MDN:

“：空CSS伪类表示任何没有子元素的元素。子元素可以是元素节点或文本（包括空格）。注释或处理指令不影响元素是否为空。”< / p>

：空无法正常工作以隐藏没有内容的字段

1 个答案: