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

名前空間要素の CSS セレクターでのコロンのエスケープ

JSF などの JavaScript フレームワークを使用する場合、入力フィールド ID にコロンが含まれるのが一般的であり、CSS セレクターの特異性を妨げる可能性があります。擬似要素の構文に似ているためです。これに対処する簡単な解決策は、バックスラッシュを使用してコロンをエスケープすることです。

input#search_form\:expression {
  // CSS styling here...
}

この構文は、疑似要素を開始するのではなく、コロンが要素 ID 自体の一部であることをブラウザーに通知します。 selector.

参考資料:

• [CSS での名前空間の使用](https://docs.microsoft.com/en-us/previous-versions/) windows/internet-explorer/ie-developer/platform-apis/ms531206?redirectedfrom=MSDN) (MSDN)

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