样式化文本内容[重复]

Question

我正在为 subreddit 制作样式表，但在设置文本样式时遇到问题。

本题中的标记如下：

<span class="value">
    <span class="number">1</span>em;
</span>

我想设置em; 的样式，但由于某种原因我不能使用span.number + *。无论如何我可以在不使用.value的情况下选择它吗？

Answer 1

它不是 number 类的子类。它是一个兄弟，因为它位于内部跨度之外。

.value 是您可以获得的最接近该特定文本的值。

Answer 2

试试这个方法。 使用伪类 :after 或使用另一个包含 em 的元素。

.number:after{
  content: 'em';
  color: #c33;
  }

<span class="value">
    <span class="number">1</span>
</span>

Answer 3

如果您无法使用.value 修改它，您可能必须使用围绕em; 的另一个跨度类