CSS 检查一个字段没有值

Question

检查字段是否有值时，CSS 中的 ?has_content 的反义词是什么？

我正在尝试执行 if-else 逻辑，并且我有两个字段，FieldA 和 FielDB。如果FieldA有内容，显示FieldA，否则显示FieldB。

谢谢。

Answer 1

您可以使用 :empty为此，但这仅在 FieldA 出现在 FieldB 之前(或其他几个关系，但这是最容易理解的关系)时才适用于 CSS。

.FieldA + .FieldB {
    display: none;
}
.FieldA:empty + .FieldB {
    display: block;
}

因为这是应用程序逻辑，它取决于这些元素之间的特定关系，所以最好在您的应用程序代码中执行此操作(如果不是，则根本不要打印 FieldB意在展示)。