CSSセレクタークイズ！君はどれだけWebを理解してる？ - プレイ中

1 第1問

次のCSSセレクタのうち、すべてのp要素にスタイルを適用するものはどれですか？

A .p

B p

C #p

D elementP

2 第2問

次のCSSセレクタのうち、id属性が"myElement"である要素にスタイルを適用するものはどれですか？

A .myElement

B element[id="myElement"]

C myElement

D myElement()

3 第3問

次のCSSセレクタのうち、class属性が"highlight"であるすべての要素にスタイルを適用するものはどれですか？

A #highlight

B .highlight

C highlight

D element.highlight

4 第4問

次のCSSセレクタのうち、div要素の直下にあるすべてのp要素にスタイルを適用するものはどれですか？

A div p

B div > p

C div + p

D div ~ p

5 第5問

次のCSSセレクタのうち、p要素の直後に続くすべてのdiv要素にスタイルを適用するものはどれですか？

A p > div

B p + div

C p ~ div

D p div

6 第6問

次のCSSセレクタのうち、href属性を持つすべてのa要素にスタイルを適用するものはどれですか？

A a[href]

B a.href

C a #href

D a > href

7 第7問

次のCSSセレクタのうち、href属性が"https://example.com"であるすべてのa要素にスタイルを適用するものはどれですか？

A a[href*="https://example.com"]

B a[href="https://example.com"]

C a[href^="https://example.com"]

D a[href$="https://example.com"]

8 第8問

次のCSSセレクタのうち、lang属性が"en"で始まるすべての要素にスタイルを適用するものはどれですか？

A [lang*="en"]

B [lang^="en"]

C [lang$="en"]

D [lang="en"]

9 第9問

次のCSSセレクタのうち、偶数番目のp要素にスタイルを適用するものはどれですか？

A p:nth-child(odd)

B p:nth-child(even)

C p:nth-of-type(odd)

D p:nth-of-type(2n+1)

10 第10問

次の CSS セレクタのうち、すべての `<p>` 要素の中にある `<span>` 要素を選択するものはどれですか？

A p > span

B p + span

C p ~ span

D p span