如何使用css在li中选择文本

Question

我有以下HTML标记

如何在

中选择文字

正如你在里面看到的那样

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

Answer 1

无法使用CSS选择文本节点。你必须给li一些规则，然后给li里面的div赋予规则来覆盖它从它的父元素获得的样式，或者将文本包装在像span这样的其他元素上。

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

Answer 3

使用常规的CSS方法，你无法做到。

我建议在它周围添加一个<span>并为它设置一个可以设置样式的课程。