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