名前空間修飾された HTML ID の CSS セレクターでコロンをエスケープするにはどうすればよいですか?

名前空間修飾 ID を持つ HTML 要素の CSS セレクターでのコロンのエスケープ

名前空間修飾 ID を持つ HTML 要素を扱う場合、コロン (:) が存在すると、CSS セレクターに干渉する可能性があります。ブラウザはこれを疑似要素の始まりとして解釈し、セレクターが無効になる可能性があります。

これに対処するには、バックスラッシュ () を使用してコロンをエスケープします。例:

input#search_form\:expression {
  /* ... */
}

コロンをエスケープすると、ブラウザーがコロンを誤って解釈するのを防ぎ、セレクターが ID「search_form:expression」を持つ要素を正しくターゲットにできるようになります。

追加リソース:

• [名前空間の使用CSS](https://docs.microsoft.com/en-us/previous-versions/windows/internet-explorer/ie-developer/compatibility/using-namespaces-with-css) (MSDN)

以上が名前空間修飾された HTML ID の CSS セレクターでコロンをエスケープするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。