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

1 第1問

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

A .p

B p

C #p

D elementP

2 第2問

CSSで、class属性が'highlight'である要素にスタイルを適用するセレクタはどれですか？

A highlight

B .highlight

C #highlight

D element.highlight

3 第3問

CSSで、id属性が'main-title'である要素にスタイルを適用するセレクタはどれですか？

A .main-title

B main-title

C #main-title

D id.main-title

4 第4問

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

A h1em

B h1 > em

C h1 + em

D h1 em

5 第5問

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

A div p

B div > p

C div ~ p

D div + p

6 第6問

CSSで、class属性に'button'を含むすべての要素にスタイルを適用するセレクタはどれですか？

A .button

B element[class*='button']

C [class='button']

D [class~='button']

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で、p要素の最初の行にのみスタイルを適用する疑似要素はどれですか？

A p::first-letter

B p::first-child

C p::first-of-type

D p::first-line

9 第9問

CSSで、リンクが訪問済みの状態のa要素にスタイルを適用する疑似クラスはどれですか？

A a:hover

B a:active

C a:focus

D a:visited

10 第10問

CSSで、入力フィールドがフォーカスされている状態にスタイルを適用する疑似クラスはどれですか？

A :hover

B :active

C :valid

D :focus