セレクターは、スタイルが適用されるHTMLタグです。これは、
や
などの任意のタグにすることができます。
タイプセレクターを使用して、h1、h2、h3、pなどのHTMLタグを設定します。
h2 {
color: #FFFF00;
}
ユニバーサルセレクターは、特定のタイプの要素を選択するのではなく、任意の要素タイプの名前と一致するだけです。
* {
color: #FFFF00;
}
-
CSSでセレクターをグループ化する
CSSグループ化セレクターは、複数の要素を選択し、それらを一緒にスタイル設定するために使用されます。これにより、各要素に共通のスタイルを宣言するためのコードと余分な労力が削減されます。セレクターをグループ化するには、各セレクターをスペースで区切ります。 構文 CSSグループ化セレクターの構文は次のとおりです- element, element {
/*declarations*/
} 次の例は、CSSグループ化セレクター-を示しています。 例 <!DOCTYPE html>
<html>
<head>
<style>
-
CSSの高度なセレクター
CSSのAdvancedSelectorsには、隣接兄弟セレクター、属性セレクター、直接子セレクター、n番目のタイプセレクターなどが含まれます。また、GeneralSiblingSelectorも含まれます。例を以下に示します。 h1 ~ h3 直接子セレクターの例- div > span 以下は、CSSの高度なセレクターを示すコードです- 例 <html>
<head>
<style>
#red {
color: red;
}
.green {
background: green;
}
ul:n
