1

こちらのspanには適用させず、

<div>テキスト<span>テスト1</span>テキスト<div>

こちらのspanには適用できるセレクタを探しています。

<div><span>テスト2</span>テキスト<div>

divの直下かつ先頭(テキストを除く)という擬似クラス等はないのでしょうか。

2 件の回答 2

3

Mozilla (Firefox) の拡張には :-moz-first-node という、ずばりの物が有るのですが、標準化の予定は無いとの事です。これの代替手段に触れた記述が見つからない所から見ても、標準の範囲では無理なのでしょう。

2

たぶんできないと思います。

HTMLは、DOM; Document Object Modelで表現されますが、これは

  • Document
  • Node
  • Element
  • Attr

などで表現されます。
CSSセレクタでは、ElementやAttrは扱えますが、それ以外のNodeを扱うものは用意されていません。
ここで質問の例において、<span> Elementと兄弟になっているテキストの部分はTextNodeと呼ばれ、ElementでもAttrでもありません。
このため、CSSセレクタではTextNodeの存在・不存在どちらも表現することはできないと思われます。

1
  • ありがとうございます。TextNodeという名称および、CSSセレクタでは制御できない事がよく理解できました。
    – roki
    Commented 2022年10月9日 9:26

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。