<p class="sougouContent"> CSS HTML </p> <p class="tag"> CSS と HTML については以下で説明します</p> <style type="text/css"> <br> width:335px; <br> pattern:10px 10px 55px;画像 <br> </ スタイル> <br> </head> <br> <body> <input type="text" name="search" /> <br> 表示効果は次のとおりです: <br> <br> <br> セレクター: input.search と #search_container input:focus について混乱しています <br> <br>、<body> にはこれらの要素はありません<br> <br> アドバイスをお願いします。 <br> <br> <br> <br>ディスカッションに返信(解決策)<br> <br> input.search <br> class="search" を持つ input 要素のみが機能することを意味します。他の要素は影響を与えません。たとえば、<div class="search"> は何の効果もありません<br> <br> #search_container input <br> は、id="search_container" を持つ要素内のすべての入力が機能することを意味します<br> <br> input.search <br> は class="search を意味します" input 要素のみが機能します。他の要素は影響を与えません。たとえば、<div class="search"> は何の効果もありません<br> <br> #search_container input <br> は、id="search_container" 要素内のすべての入力が機能することを意味します<br> +1 <br> <input type="text " name= "search" class="search" /> <h2> </h2> input.search はクラス "search" を持つすべての入力クラス コントロールを参照します <p class="sougouAnswer"> <br> #search_container input:focus <br> <br> あなたが指定したコードには確かに #search_container はありませんID これは、ID によって要素を検索するためのものです <br> input:focus 入力コントロールが現在のフォーカスであるときの疑似セレクター </p> <p class="sougouAnswer"> 要約すると、フォーカスされているときの ID #search_container を持つ要素内の任意の位置にある入力のスタイルです<br> <br> W3C http://www.w3.org/TR/2011/REC-CSS2-20110607/selector.html を参照してください。</p>