我需要选择<b>
标签,但前提是这是 a 中唯一的内容<p>
。例如,选择 b 中<p><b>hello</b></p>
但不在<p><b>hello</b> world</p>
。这可能吗?:only-child
不这样做。
CSS 选择器对文本节点一无所知。因此,对内容使用 span 元素,如下所示:
<p>
<b>hello</b><span>world</span>
</p>
<p>
<span>world</span><b>hello</b>
</p>
<p>
<b>hello</b>
</p>
p b:only-child{
color:red;
}
如果某个元素是其父元素的唯一子元素,“独生子”选择器就会选择该元素。术语“子”指的是不仅仅是文本的元素。
对于第一个“p”,子级是“b”和“span”。
对于第二个“p”,子级是“b”和“span”。
对于第三个“p”孩子来说只有“b”
仅选择最后一个“p”中的“b”
<p>
<b>hello</b>world ===> children is only b;
</p>
<p>
world<b>hello</b> ===> children is only b;
</p>
<p>
<b>hello</b> ===> children is only b;
</p>
所有“b”元素都将被选择
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)