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

1 第1問

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

A .p

B p

C #p

D elementp

2 第2問

CSSで、id属性が 'my-element' である要素を選択するセレクタはどれですか？

A .my-element

B element.my-element

C #my-element

D my-element

3 第3問

CSSで、class属性が 'highlight' である要素を選択するセレクタはどれですか？

A #highlight

B .highlight

C highlight

D element#highlight

4 第4問

CSSで、div要素内のすべてのspan要素を選択するセレクタはどれですか？

A div > span

B div + span

C div span

D div#span

5 第5問

CSSで、div要素の直後のspan要素を選択するセレクタはどれですか？

A div span

B div ~ span

C div + span

D div > span

6 第6問

CSSで、div要素のすべての子であるspan要素を選択するセレクタはどれですか？

A div span

B div + span

C div > span

D div ~ span

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-of-type(even)

C p:even

D p:nth-child(2n+1)

10 第10問

CSSで、ホバーされた状態のa要素にスタイルを適用する疑似クラスセレクタはどれですか？

A a:active

B a:visited

C a:hover

D a:focus