このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

CSS :-moz-first-node 擬似クラス

非標準: この機能は標準化されていません。非標準の機能はブラウザーの対応が限られ、将来的に変更または削除される可能性があるため、本番環境での使用は推奨されません。ただし、標準の選択肢が存在しない特定のケースでは、有効な代替手段となる場合があります。

Experimental: これは実験的な機能です。
本番で使用する前にブラウザー互換性一覧表をチェックしてください。

:-moz-first-nodeCSS擬似クラスで、 Mozilla 拡張です。他の要素の最初の子要素であるあらゆる要素を表します。 :first-child とは異なり、最初の子要素の前に(ホワイトスペース以外の)テキストがあると一致しません。

メモ: 要素の先頭にあるホワイトスペースは :-moz-first-node の判定において無視されます。

構文

css
:-moz-first-node {
  /* ... */
}

CSS

css
span:-moz-first-node {
  background-color: lime;
}

HTML

html
<p>
  <span>これは一致します。</span>
  <span>これは一致しません。</span>
</p>

<p>
  Blahblah.
  <span>これは、その前にテキストがあるため一致しません。</span>
</p>

結果

仕様書

どの標準にも含まれていません。

ブラウザーの互換性

関連情報