[attr]

[attr=""]

[attr=*]

attr[ ]

class

id

type

None of the above

:element

:empty

:enabled

None of these

:nth-child(last)

:last-child

:only-child

:nth-last-child(1)

Combinator selector

Pseudo Class selector

Pseudo elements selector

Attribute selector

tag

id

class

both class and tag

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

input:checked

input:focus

input:hover

input:active

ul > li

ul li

ul + li

ul ~ li

E ~ F

::after

:checked

None of these

focus

hover

active

checked

.example

#example

element.example

example

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

Name

ID

Class

Tag

:default

:%

:disabled

None of these

:valid

:required

:optional

:invalid

input.required

input[required]

input(required)

input::required

h1 h2 h3

h1+h2+h3

h1,h2,h3

h1>h2>h3

~

>

+

*

Tag > Class > ID

Class > Tag > ID

ID > Class > Tag

Universal > ID > Class

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

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

:focus

:active

:hover

:visited

#classname

.classname

element.classname

*classname

content p

p.content

.content > p

p .content

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

E.class

E~F

*

E,F,G

Universal Selector (*)

Tag Selector

Class Selector

ID Selector

E#id

.class

#id

*

E[attr^=value]

E[attr$=value]

E[attr*=value]

None of these

:target

:selection

::selection

URO

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

:root

:nth-of-type(n)

:only-child

none of the mentioned

tag

class

id

div

mouse over

mouse hover

hover

mouse move

class

id

article

html