子を持つ要素と同じ子を持つ別の要素がありますが、テキスト ノードもあります。
<p><strong>This should be heading</strong></p>
...
<p>There is a sentence that has <strong>strong text</strong> inside it.</p>
JavaScript を含め、DOM 構造を変更することはできません。私にできることは CSS を編集することだけですが、唯一の子であるインラインstrongとは異なるスタイルを設定したいと考えています。strong
私はこれがうまくいくかもしれないと思った：
p strong:only-child
{
color: red;
}
ただし、両方の項目が赤くなります。
CSS のみを使用して、テキスト ノードの兄弟を持たない子ノードをターゲットにする方法はありますか?
私はそれができるとは思わないが、何らかの巧妙な回避策がある場合に備えて尋ねたいと思った.