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 p div

5 第5問

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

A div p

B div > p

C div + p

D div ~ p

6 第6問

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

A a.https://example.com

B a[href*="example.com"]

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

D a#https://example.com

7 第7問

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

A p:lang(en)

B p.lang-en

C p[lang="en"]

D p#lang-en

8 第8問

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

A p:last-child

B p:first-of-type

C p:only-child

D p:nth-child(2)

9 第9問

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

A a:active

B a:visited

C a:hover

D a:focus

10 第10問

次のCSSセレクタのうち、入力フィールドが無効な場合にスタイルを適用するものはどれですか？

A input:valid

B input:required

C input:invalid

D input:optional