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