css样式所有在特定标记之前或之后出现的内容

我想在此字符串中对套件B102之后的所有内容进行样式化：

<li><a href="#/bnj">BNJ Travel <br/>Suite B102</a>
</li>

只有css才能做到这一点吗

编辑：不使用span

将其包装为，然后将CSS应用于span。

CSS:

.yourStyle{
  ...
}

html:

---

您必须使用div或span定义锚定标记之后发生的内容，具体取决于您试图更改的内容

---

或者，您可以对li应用样式，并在锚定链接中取消该样式。

EDIT：不使用span或其他内联元素？不您需要在文本片段周围添加一个元素，并将样式应用于该元素。CSS无法做到这一点。如果你想对某些文本应用特定的样式，那么该文本应该是它自己的节点，并且必须放在另一个元素中。只有CSS是不可能的。

<li><a href="#/bnj">BNJ Travel <br/>Suite B102</a>
</li>

<li><a href="#/bnj">BNJ Travel <br/>Suite B102</a>
</li>

<li><a href="#/bnj">BNJ Travel <br/><span class="aspan">Suite B102<span></a>
</li>

.aspan{
color: red;
}