p[name]{background:red;} 属性名を指定するには属性名
p[name=ghr]{background:red;} のみを使用し、属性
p の属性値を指定します[name~ =old]{background:red;}この属性値はスペースで区切られた単語リストです。単語リストには値 word
p[name^=g]{background:pink;}が含まれます。属性値は
です。 p[name$=M]{background:#CC0;} 属性値は g で始まり M で終わります。
p[name*=d]{background:#C3C;} 属性値には値
p[name |=b] が含まれます]{background:#C3C;}属性値は value または「value-」で始まる値 (zh-cn など)
IE7 以降でサポート
<body><p name="bghr">小黑</p><p name="b-ghr old">小白</p><p name="ghr">ghr</p><p name="dp">店铺</p><p name="gzM">gzm</p><p name="xm">小美</p></body>
を含む型は Type です, 値制限型
除外する型は構造型、位置と型を制限する (私なりにまとめたものです、疑問点があればご指摘ください)
p:nth-child(2) 親の下の2番目を見つけますpタグの子要素はpタグです
p:nth-child(odd){background:red}/*奇数行に一致*/
p:nth-child(even){background:red}/*一致偶数行*/
p :nth-child(2n){background:red}
E:nth-last-child(n) は E の親要素の n 番目のバイト点を表し、型は構造体の型です後ろから前に計算された E の型
p: nth-of-type(2) p の親の下にある 2 番目の p 要素の型を検索します
E:nth-of-type(n) 内の n 番目の E 型バイト ポイントを表しますE の親要素
E:nth -last-of-type(n) は、後ろから前に計算された、E の親要素内のタイプ E の n 番目の子ノードを示します
E:empty は、子ノードが存在しないことを示しますE要素。注: 子ノードにはテキスト ノードが含まれます
p:first-child は p 親要素の最初の子ノードを意味し、p です
E:last-child は E 要素の最後の子ノードを意味します
E:first-of-type E の親要素の最初のノード タイプが E であることを示します。
E:last-of-type E の親要素の最後のノード タイプが E であることを示します。
E:only-child は 1 つだけであることを示しますE 要素の子ノード。注: 子ノードにはテキスト ノードは含まれません
E:only-of-type は、E の親要素に子ノードが 1 つだけ存在し、この一意の子ノードのタイプが E である必要があることを意味します。注: 子ノードにはテキスト ノードは含まれません
セレクター疑似クラス:
E:target は現在の URL フラグメントの要素タイプを示します。この要素は E でなければなりません
E:disabled はクリック不可能なフォーム コントロールを示します
E:enabled はクリック可能を示します。フォームコントロール
E:checkedは選択されたチェックボックスまたはラジオを表します
E:first-lineはE要素の最初の行を表します
E:first-letterはE要素の最初の文字を表します
E::selectionはE要素を表しますユーザーがテキストを選択します
E::before E 要素の前にコンテンツを生成します
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
