mouse over

mouse hover

hover

mouse move

Combinator selector

Pseudo Class selector

Pseudo elements selector

Attribute selector

#classname

.classname

element.classname

*classname

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

:default

:%

:disabled

None of these

[attr]

[attr=""]

[attr=*]

attr[ ]

.example

#example

element.example

example

content p

p.content

.content > p

p .content

E[attr^=value]

E[attr$=value]

E[attr*=value]

None of these

ul > li

ul li

ul + li

ul ~ li

Name

ID

Class

Tag

:nth-child(last)

:last-child

:only-child

:nth-last-child(1)

focus

hover

active

checked

:valid

:required

:optional

:invalid

E.class

E~F

*

E,F,G

E ~ F

::after

:checked

None of these

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

class

id

type

None of the above

:target

:selection

::selection

URO

class

id

article

html

input:checked

input:focus

input:hover

input:active

:element

:empty

:enabled

None of these

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

E#id

.class

#id

*

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

:root

:nth-of-type(n)

:only-child

none of the mentioned

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

h1.hover

h1*hover

h1:hover

h1-hover

tag

id

class

both class and tag

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

tag

class

id

div