:not(:empty):before 伪类/元素组合答案

【问题标题】：:not(:empty):before pseudo-classes / elements combination:not(:empty):before 伪类/元素组合
【发布时间】：2017-12-14 09:42:29
【问题描述】：

我只想在内容存在时显示标签。

这不起作用： https://jsfiddle.net/9g0amsh1/

.views-field-field-documents .field-content:not(:empty):before {
  content: "Documents associés : ";
  float: left;
}

<div class="views-field views-field-field-documents"><div class="field-content">
</div></div>
    
<div class="views-field views-field-field-documents"><div class="field-content">
    <span class="file file--mime-application-pdf file--application-pdf"><a href="/system/files/article/documents/boarding-pass.pdf" type="application/pdf; length=117264">boarding-pass.pdf</a></span>
</div></div>

【问题讨论】：

空白也算在内。

标签： css pseudo-element pseudo-class

【解决方案1】：

确实是空格。

https://jsfiddle.net/e2mLh9tz/

<div class="views-field views-field-field-documents"><div class="field-content"></div></div>

<div class="views-field views-field-field-documents"><div class="field-content"><span class="file file--mime-application-pdf file--application-pdf"><a href="http://dud-dev.univ-amu.fr/system/files/article/documents/boarding-pass.pdf" type="application/pdf; length=117264">boarding-pass.pdf</a></span>
</div></div>

【讨论】：