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