我有一个具有子元素的元素和具有相同子元素的另一个元素,但还有一个文本节点:
<p><strong>This should be heading</strong></p>
...
<p>There is a sentence that has <strong>strong text</strong> inside it.</p>
我无法以任何方式修改 DOM 结构,包括没有 JavaScript。我所能做的就是编辑 CSS,但我想将内联的样式设置为与唯一的孩子strong
不同的样式。strong
我认为这可能有效:
p strong:only-child
{
color: red;
}
但是,这两个项目都变成了红色。
有没有办法只使用 CSS 来定位没有文本节点兄弟的子节点?
我不认为它可以做到,但我想我会问,以防有某种聪明的解决方法。