ul > li

ul li

ul + li

ul ~ li

Name

ID

Class

Tag

Tag > Class > ID

Class > Tag > ID

ID > Class > Tag

Universal > ID > Class

:root

:nth-of-type(n)

:only-child

none of the mentioned

Combinator selector

Pseudo Class selector

Pseudo elements selector

Attribute selector

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

:target

:selection

::selection

URO

.(dot)

# (hash)

* (asterisk)

@ (at sign)

:checked

E~F

::after

None of the options

.example

#example

element.example

example

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

content p

p.content

.content > p

p .content

E ~ F

::after

:checked

None of these

[attr]

[attr=""]

[attr=*]

attr[ ]

Universal Selector (*)

Tag Selector

Class Selector

ID Selector

input.required

input[required]

input(required)

input::required

ID selector

Class selector

Group selector

Universal selector

:default

:%

:disabled

None of these

mouse over

mouse hover

hover

mouse move

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

:focus

:active

:hover

:visited

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

#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

tag

class

id

div

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

:nth-child(last)

:last-child

:only-child

:nth-last-child(1)

h1.hover

h1*hover

h1:hover

h1-hover

input:checked

input:focus

input:hover

input:active

E#id

.class

#id

*

class

id

type

None of the above

class

id

article

html

h1 h2 h3

h1+h2+h3

h1,h2,h3

h1>h2>h3

:valid

:required

:optional

:invalid

focus

hover

active

checked

~

>

+

*

E.class

E~F

*

E,F,G

tag

id

class

both class and tag

:element

:empty

:enabled

None of these

E[attr^=value]

E[attr$=value]

E[attr*=value]

None of these