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