CSS常用セレクタ
1952 ワード
1.エレメント・セレクタの役割:エレメント・セレクタを使用して、ページ内の指定したエレメントを選択できます.構文:ラベル名{}
2.idセレクタの役割:要素のid属性値を使用して、一意の要素を選択します.構文:#id属性値{}
3.クラスセレクタの役割:要素のclass属性値から要素構文のセットを選択します:.class属性値{}は、要素にclassプロパティを設定できます. calssプロパティとidプロパティは似ています.ただしclassプロパティは繰り返すことができます. 同じclass属性値を持つ要素は、要素のセットだと言います. は、1つの要素に複数のclass属性値を同時に設定し、複数の値の間にスペースで区切ることができます.
4.セレクタ・グループ(パラレル・セット・セレクタ)の役割:セレクタ・グループを使用すると、複数のセレクタに対応する要素を同時に選択できます.構文:セレクタ1,セレクタ2,セレクタN{}
5.ワイルド・セレクタの役割:ページ内のすべての要素の構文を選択できます:*{}
6.複合セレクタ(交差セレクタ)の役割:複数のセレクタを同時に満たす要素構文を選択できる:セレクタ1セレクタ2セレクタN{}
注意:idセレクタでは、複合セレクタの使用は推奨されません.
Title
2.idセレクタの役割:要素のid属性値を使用して、一意の要素を選択します.構文:#id属性値{}
Title
3.クラスセレクタの役割:要素のclass属性値から要素構文のセットを選択します:.class属性値{}
Title
happy new year
4.セレクタ・グループ(パラレル・セット・セレクタ)の役割:セレクタ・グループを使用すると、複数のセレクタに対応する要素を同時に選択できます.構文:セレクタ1,セレクタ2,セレクタN{}
Title
を れむ
5.ワイルド・セレクタの役割:ページ内のすべての要素の構文を選択できます:*{}
*{
color:red;
}
6.複合セレクタ(交差セレクタ)の役割:複数のセレクタを同時に満たす要素構文を選択できる:セレクタ1セレクタ2セレクタN{}
Title
を れむ
注意:idセレクタでは、複合セレクタの使用は推奨されません.