CSS セレクターについて混乱しています。アドバイスをください_html/css_WEB-ITnose

CSS HTML

CSS と HTML については以下で説明します

width:335px; pattern:10px 10px 55px;画像 表示効果は次のとおりです:

セレクター: input.search と #search_container input:focus について混乱しています

、 にはこれらの要素はありません

アドバイスをお願いします。

ディスカッションに返信（解決策）

input.search class="search" を持つ input 要素のみが機能することを意味します。他の要素は影響を与えません。たとえば、 は何の効果もありません

#search_container input は、id="search_container" を持つ要素内のすべての入力が機能することを意味します

input.search は class="search を意味します" input 要素のみが機能します。他の要素は影響を与えません。たとえば、 は何の効果もありません

#search_container input は、id="search_container" 要素内のすべての入力が機能することを意味します +1 input.search はクラス "search" を持つすべての入力クラス コントロールを参照します #search_container input:focus

あなたが指定したコードには確かに #search_container はありませんID これは、ID によって要素を検索するためのものです input:focus 入力コントロールが現在のフォーカスであるときの疑似セレクター

要約すると、フォーカスされているときの ID #search_container を持つ要素内の任意の位置にある入力のスタイルです

W3C http://www.w3.org/TR/2011/REC-CSS2-20110607/selector.html を参照してください。