css - 如何内联 :before element when unable to include a CSS/style section?

Question

我正在寻找 li 元素的样式，并想修改此 CSS 属性:

li:before {
    color: blue; 
}

但是，我仅限于使用 html、内联、样式。我无权访问我正在处理的文档部分。

我正在尝试做的事情是否可行，如果可行，怎么做？

Answer 1

您可以插入与以下 HTML 内联的新样式表:

<style>
  li:before { color: red; }
</style>

之所以这是唯一的方法，是因为 :before 是一个伪元素，这意味着它实际上并没有成为 DOM 的一部分。不幸的是，这意味着无法按照要求将其设置为 inline 样式。

举个例子:

<li style="color: red;">text</li>

会设置整个 LI 元素的样式，而不仅仅是 :before 伪元素，而且因为 :before 元素没有标记，它不能拥有自己的 style= 属性。