Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

CSSのIDセレクター

要素のid属性に基づいてスタイルルールを定義できます。そのIDを持つすべての要素は、定義されたルールに従ってフォーマットされます。

 #black {
   color: #000000;
}

このルールは、ドキュメントでid属性が黒に設定されているすべての要素のコンテンツを黒でレンダリングします。あなたはそれをもう少し具体的にすることができます。例：

h1#black {
   color: #000000;
}

このルールは、id属性が黒に設定されている

要素のみのコンテンツを黒でレンダリングします。

idセレクターの真の力は、子孫セレクターの基盤として使用される場合です。例：

#black h2 {
   color: #000000;
}

この例では、レベル2の見出しがすべて、id属性が黒に設定されたタグ内にある場合、それらの見出しは黒色で表示されます。


  1. CSS属性セレクターを使用したフォームのスタイリング

    CSSの属性セレクターを使用して、特定の属性を持つHTML要素にスタイルを適用します。属性セレクターには次のルールが適用されます。 p [lang] −lang属性を持つすべての段落要素を選択します。 p [lang =fr] −lang属性の値が正確に「fr」であるすべての段落要素を選択します。 p [lang〜=fr] −lang属性に「fr」という単語が含まれているすべての段落要素を選択します。 p [lang | =en] − lang属性に正確に「en」であるか、「en-」で始まる値が含まれているすべての段落要素を選択します。 以下は、C

  2. CSSの高度なセレクター

    CSSのAdvancedSelectorsには、隣接兄弟セレクター、属性セレクター、直接子セレクター、n番目のタイプセレクターなどが含まれます。また、GeneralSiblingSelectorも含まれます。例を以下に示します。 h1 ~ h3 直接子セレクターの例- div > span 以下は、CSSの高度なセレクターを示すコードです- 例 <html> <head> <style> #red {    color: red; } .green {    background: green; } ul:n