我可以在 css 中使用空伪内容属性吗?
Could i use content attributte in empty pseudo in css?
.item:empty{
content: "Content";
}
我希望该字段在为空时显示为“内容”。我该怎么做
:empty
是一个伪 class,它允许您根据状态设置元素的样式。不可能将 content
属性与伪 class 一起使用,或者至少它不会那样工作。
正如@HaoWu 所建议的,您需要使用伪元素,例如 :before
或 :after
来为您的空 .item
元素提供内容。
.item:empty:before {
content: 'Content';
}
<div class="item"></div>
.item:empty{
content: "Content";
}
我希望该字段在为空时显示为“内容”。我该怎么做
:empty
是一个伪 class,它允许您根据状态设置元素的样式。不可能将 content
属性与伪 class 一起使用,或者至少它不会那样工作。
正如@HaoWu 所建议的,您需要使用伪元素,例如 :before
或 :after
来为您的空 .item
元素提供内容。
.item:empty:before {
content: 'Content';
}
<div class="item"></div>