:element
:empty
:enabled
None of these
E ~ F
::after
:checked
Name
ID
Class
Tag
Match the CSS Selector with Its Description
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
tag
class
id
div
:valid
:required
:optional
:invalid
ul > li
ul li
ul + li
ul ~ li
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
:nth-child(last)
:last-child
:only-child
:nth-last-child(1)
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
type
None of the above
article
html
both class and tag
#classname
.classname
element.classname
*classname
[attr]
[attr=""]
[attr=*]
attr[ ]
E.class
E~F
*
E,F,G
input:checked
input:focus
input:hover
input:active
.example
#example
element.example
example
Match the CSS User Action Pseudo-Class with Its Effect
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
E#id
.class
#id
Match the CSS Sub-Selector with Its Meaning
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
E[attr^=value]
E[attr$=value]
E[attr*=value]
focus
hover
active
checked
Match the CSS Attribute Selector with Its Function
A → 2, B → 6, C → 3, D → 4
:default
:%
:disabled
content p
p.content
.content > p
p .content
mouse over
mouse hover
mouse move
h1.hover
h1*hover
h1:hover
h1-hover
:root
:nth-of-type(n)
none of the mentioned