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>

是否可以仅选择＆＃34;我想要使用CSS选择器检索的某些文本＆＃34;使用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
}

Answer 2

你可以添加

.foo {
  color: red;
}

然后覆盖，如果您想要跨度或.subfoo

的不同样式

Answer 3

我建议您使用反向方法。
将继承颜色设置为不在标记中的文本（红色）和不在标记中的所有文本的不同颜色。

 .foo > *{
  color: black;
}
.parentColor{
    color:red;
}

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

检查fiddle

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

3 个答案: