複数のCSSセレクターを使用する際のエラー
初心者が犯しやすいエラーについて念を押します:セレクター
.bbb.zzzとセレクター.bbb .zzzは
異なる動作をします。最初のものは、同時に2つのクラスを持つ要素を探し、
2番目のものは、クラスbbb内にある
クラスzzzを持つ要素を探します。
以下のコードのセレクターが何を選択するかを説明してください。 その後、このセレクターに適合するHTMLコードを書いてください。 以下がセレクターを含むコードです:
h2.zzz {
color: red;
}
以下のコードのセレクターが何を選択するかを説明してください。 その後、このセレクターに適合するHTMLコードを書いてください。 以下がセレクターを含むコードです:
h2 .zzz {
color: red;
}
以下のコードのセレクターが何を選択するかを説明してください。 その後、このセレクターに適合するHTMLコードを書いてください。 以下がセレクターを含むコードです:
.bbb.zzz {
color: red;
}
以下のコードのセレクターが何を選択するかを説明してください。 その後、このセレクターに適合するHTMLコードを書いてください。 以下がセレクターを含むコードです:
.bbb .zzz {
color: red;
}
以下のコードのセレクターが何を選択するかを説明してください。 その後、このセレクターに適合するHTMLコードを書いてください。 以下がセレクターを含むコードです:
.bbb.zzz.xxx {
color: red;
}
以下のコードのセレクターが何を選択するかを説明してください。 その後、このセレクターに適合するHTMLコードを書いてください。 以下がセレクターを含むコードです:
.bbb .zzz.xxx {
color: red;
}
以下のコードのセレクターが何を選択するかを説明してください。 その後、このセレクターに適合するHTMLコードを書いてください。 以下がセレクターを含むコードです:
.bbb.zzz .xxx {
color: red;
}
以下のコードのセレクターが何を選択するかを説明してください。 その後、このセレクターに適合するHTMLコードを書いてください。 以下がセレクターを含むコードです:
.bbb .zzz .xxx {
color: red;
}
以下のコードのセレクターが何を選択するかを説明してください。 その後、このセレクターに適合するHTMLコードを書いてください。 以下がセレクターを含むコードです:
#elem.bbb {
color: red;
}
以下のコードのセレクターが何を選択するかを説明してください。 その後、このセレクターに適合するHTMLコードを書いてください。 以下がセレクターを含むコードです:
#elem .bbb {
color: red;
}