css - 设置特定标记之前或之后的所有内容

Question

我想在此字符串中为<br/>（“Suite B102”）之后的所有内容设置样式：

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

这只能用css吗？

编辑：不使用span

Answer 1

将其包裹在<span>中，然后将CSS应用于范围。

Answer 2

的CSS：

.yourStyle{
  ...
}

HTML：

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

Answer 3

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

或者，您可以将样式应用于li并在锚定链接中否定该样式。

Answer 4

<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>

现在你的css

使用该类来设置该部分的样式，例如

.aspan{
color: red;
}