Question

我正在使用两个.html文件A和B.

A.html的样式元素Ax如下

<style
  .Ax {
     content: ''
     disaply: 
  }
</style>

B.html有样式元素如下：

<style
  .By {
     content: ''
     disaply: 
  }

 < want to add .Ax:before here>??
</style>

我想在B.html中添加.Ax：之前。基本上我想在.Ax UI之前有一个UI元素，但该UI元素的数据只能在B.html中填充。所以我想确保它在.Ax UI之前加载

如何将A.:tml中的“：before”添加到B.html中的样式类？我已经使用了preserve来确保两个样式元素名称保持不变。

Answer 1

首先，content:仅适用于:before和:after个伪元素。所以你需要更像这样定义：

<style>
    .Ax {}
    .Ax:before {
        content: '';
    }
</style>

您可以使用<link/>中的<head>元素将A.html和B.html链接到同一个css文件。 - 在该文件中，您可以定义两个:before样式。

.Ax {}
.By {}
.Ax:before,
.By:before {
    content: '';
}