Question

我想添加内容（使用：在选择器之前）只有当span具有值时才会使用。

如果跨度为空，我不想在选择器之前添加内容。

我怎样才能用css做到？

＆＃13;

package.json

＆＃13;

Answer 1

你很亲密。您正在寻找：

span.b:not(:empty)::before {
  content:"\2022"
}

＆＃13;

span.b:not(:empty)::before {
  content:"\2022"
}

＆＃13;

<div class="a">
  <span class="b">AAA</span>
</div>
<div class="a">
  <span class="b"></span>
</div>

＆＃13;

Answer 2

你也可以使用这样的代码

span.b::before {
    content: "\2022";
}
span.b:empty::before {
    content: inherit;
}

您可以使用属性inherit来提供默认样式。因为它通常是继承的。但是，如果浏览器不知道任何属性的值inherit，您可以使用它initial