如何使用 CSS 选择器在 div 中选择文本（不带标签）？

Question

我有这个 ：

<div class="foo">
    <h3>Title</h3>
    Some text I want to select using a CSS selector.
    <div class="subfoo">Some other text</div>
</div>

是否可以使用单个CSS 选择器表达式仅选择“我想使用 CSS 选择器检索的某些文本” ？

Answer 1

使用纯 CSS 不可能以干净的方式完成。

正如 Vangel 所建议的，我建议在选择器中设置它的样式.foo，然后应用其他元素的覆盖：

.foo{
  //Some text styles
}
.foo *{
  //Overriding styles
}

然而，最好的选择是对 HTML 进行更改，将文本放置在其自己的元素中，以便可以单独设置样式：

<div class="foo">
    <h3>Title</h3>
    <span>Some text</span>
    <div class="subfoo">Some other text</div>
</div>

.foo span
{
   //Some text styling
}