如何使用css在li中选择文本[重复]

【问题标题】：How to select text within li using css [duplicate]如何使用css在li中选择文本[重复]
【发布时间】：2016-06-22 13:58:58
【问题描述】：

我有以下 HTML 标记

如何选择其中的文本

正如你在里面看到的那样

有一个 div，我不想影响该 div 上的内容。

【问题讨论】：

标签： css

【解决方案1】：

无法使用 CSS 选择文本节点。你必须给 li 一些规则，然后给 li 内部的 div 规则来覆盖它从其父元素获取的样式，或者将文本包装在其他一些元素上，比如 span。

【讨论】：

【解决方案2】：

您不能只选择该文本。所以也要设置 div 的样式：

ul,
li div {
  color: black;
}
li {
  color: green;
}

<ul>
  <li>
    Text
    <div>Div Text</div>
  </li>
  <li>
    Text
    <div>Div Text</div>
  </li>
</ul>

【讨论】：

【解决方案3】：

使用常规的 CSS 方法是无法做到这一点的。

我建议在它周围放置一个<span> 并为其分配一个您可以设置样式的类。

【讨论】：