<strong>1. 基本的な CSS セレクターを使用します: <br></strong>a: すべてのリンク <a> 要素に一致します。 <BR>#*: ID *<BR>.* の要素と一致します。CSS クラスの要素と一致します。 *<BR>a#*id.*class: ID *id のリンクと一致し、CSS クラス *class 要素を持ちます。 <BR>上記は、次のように jQuery で $("") でラップされた CSS での記述方法です。 jQuery("pa.Class") <br><br>サブセレクター、コンテナーセレクター、および属性を使用する選択例として以下を考えます: <BR><div class="codetitle"><span><a style="CURSOR: pointer" data="56649" class="copybut" id="copybut56649" onclick="doCopy('code56649')"><U>コードをコピー </U></a></span> コードは次のとおりです: </div><div class="codebody" id="code56649"> <BR>< ;ul class ="myList"> <br><li><a href=http://jquery.com>jQuery は <br><ul>< ;a href "css1">CSS1</a></li> <br> <a href="css3">CSS3</a></li> <br> <li>基本 XPath< ;/li><br><br><li><br></li> <li> <br> <li>フォームセレクター</li> <br></ul> <br><br> <br>最初のリスト <li> のリンクでは、これらすべてのリンク <a> の子孫ノードであるため、この ul.myList li >a のようにはならず、サブセレクターを使用する必要があります。 ;li> 要素。<br>子セレクター: 親ノードと直接の子ノードは括弧 (>) で区切られて右を指します。 <br>属性セレクター: 特定のコンテンツに一致する要素をラップします。たとえば、http:// で始まる href 値を含むリンクを選択します: a[href^=http://] <br>input[type=text]: type 属性が <br> であるすべての <input>> 要素と一致します。 is text div[title=^my]: title 属性値が my で始まるすべての <div> 要素と一致します。 位置による選択<br>a: first: セレクターはページの最初の <a> 要素と一致します <br>p: 奇数、p: 偶数はそれぞれ奇数要素と偶数要素に一致します <br> その他は異なります必要に応じて、関連する Web サイトにアクセスして見つけることができます。</li>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
