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

CSSセレクターとは何ですか？

CSSのセレクターは、スタイルを設定する要素を選択するためのパターンです。

CSSのキーセレクターを見てみましょう-

セレクター
デモ
説明
クラス
。demo
class="demo"のすべての要素を選択します
#id
#myid
id="myid"の要素を選択します
*
*
すべての要素を選択するために使用されます

  1. CSSでセレクターをグループ化する

    CSSグループ化セレクターは、複数の要素を選択し、それらを一緒にスタイル設定するために使用されます。これにより、各要素に共通のスタイルを宣言するためのコードと余分な労力が削減されます。セレクターをグループ化するには、各セレクターをスペースで区切ります。 構文 CSSグループ化セレクターの構文は次のとおりです- element, element {    /*declarations*/ } 次の例は、CSSグループ化セレクター-を示しています。 例 <!DOCTYPE html> <html> <head> <style>

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

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