E.class

E~F

*

E,F,G

ul > li

ul li

ul + li

ul ~ li

:target

:selection

::selection

URO

E[attr^=value]

E[attr$=value]

E[attr*=value]

None of these

:nth-child(last)

:last-child

:only-child

:nth-last-child(1)

Combinator selector

Pseudo Class selector

Pseudo elements selector

Attribute selector

:root

:nth-of-type(n)

:only-child

none of the mentioned

A → 4, B → 3, C → 2, D → 1

A →5, B → 4, C → 3, D → 2

A → 6, B → 2, C → 3, D → 4

A → 5, B → 2, C → 3, D → 6

tag

id

class

both class and tag

input:checked

input:focus

input:hover

input:active

A → 2, B → 5, C → 3, D → 4

A → 2, B → 6, C → 3, D → 4

A → 5, B → 1, C → 3, D → 4

A → 2, B → 1, C → 3, D → 4

:valid

:required

:optional

:invalid

.example

#example

element.example

example

Name

ID

Class

Tag

:default

:%

:disabled

None of these

E ~ F

::after

:checked

None of these

E#id

.class

#id

*

focus

hover

active

checked

h1.hover

h1*hover

h1:hover

h1-hover

A →1, B →5, C → 3, D → 4

A → 2, B → 3, C → 1, D → 4

A → 2, B → 6, C → 4, D → 3

A → 5, B → 3, C → 2, D → 4

Selects all elements

Selects all siblings after a specified element

Selects only the first sibling of a specified element

Selects only the last sibling of a specified element

content p

p.content

.content > p

p .content

A → 2, B → 1, C → 3, D → 6

A → 2, B → 1, C → 3, D → 4

A → 2, B → 5, C → 3, D → 4

A → 5, B → 1, C → 3, D → 4

[attr]

[attr=""]

[attr=*]

attr[ ]

tag

class

id

div

class

id

article

html

#classname

.classname

element.classname

*classname

:element

:empty

:enabled

None of these

mouse over

mouse hover

hover

mouse move

class

id

type

None of the above

Selects the first child of an element

Selects all sibling elements

Selects the immediately next sibling of an element

Selects the parent of an element