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