ID にコロンを使用して CSS 要素のスタイルを設定するにはどうすればよいですか?

CSS セレクター: 要素 ID のコロンを克服する

CSS を使用する場合、コロン文字 ( :)。ただし、コロンは CSS の疑似要素の区切り文字として使用されるため、競合が発生する可能性があります。

あなたの場合、JSF は入力フィールドの ID を「search_form:expression」に設定しています。この要素のスタイルを指定するには、セレクターが正しく解釈されない原因となるコロンの問題に直面しています。

解決策: バックスラッシュ エスケープを使用する

コロンを使用して要素 ID の一部として扱われるようにするには、その前にバックスラッシュ () を使用できます。例:

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

バックスラッシュを追加すると、コロンが効果的にエスケープされ、疑似要素の区切り文字として認識されなくなります。ブラウザーはそれを要素 ID の一部として正しく解釈します。

追加リソース:

• [CSS での名前空間の使用](https://msdn) .microsoft.com/en-us/library/ms531194.aspx) (MSDN) では、これに関する詳細な洞察が提供されます。トピック。

以上がID にコロンを使用して CSS 要素のスタイルを設定するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。