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
ul > li
ul li
ul + li
ul ~ li
tag
id
class
both class and tag
Easier to maintain and update.
Greater consistency in design.
More formatting options.
All of the above
div
flex-order
order
flex-direction
item-order
text-color
color
font-color
All of These
Easier to maintain and update
Greater consistency in design
article
html
.example
#example
element.example
example
:default
:%
:disabled
None of these
REL
URL
REV
all of these
focus
hover
active
checked
font-weight
font-style
text-decoratio
text-weight
Removes the element from the document flow
Positions the element relative to its normal position
Centers the element on the page
Applies relative positioning to all child elements
Rich Decorations
Faster download times.
No need to write HTML Tags
css
style
script
link
#classname
.classname
element.classname
*classname
:target
:selection
::selection
URO
Name
ID
Class
Tag
Opacity
Visibility
Stacking order
Font size
Match the CSS Position Property with Its Meaning
A → 5, B → 4, C → 3, D → 1
A → 2, B → 4, C → 3, D → 1
A → 5, B → 4, C → 3, D →6
A → 4, B → 5, C → 3, D → 1
h1.hover
h1*hover
h1:hover
h1-hover
Creating Style Sheets
Cascading Style Sheets
Computer Style Sheets
Colorful Style Sheets
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
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
style:bold;
font:bold;
font-weight:bold;
text:bold;
font-size
text-size
text-style
type
None of the above
E.class
E~F
*
E,F,G
input:checked
input:focus
input:hover
input:active
f:
Font:
Font-family
Font:b
:valid
:required
:optional
:invalid
border-width
border-bottom
border-width-bottom
border-bottom-width
:root
:nth-of-type(n)
:only-child
none of the mentioned
CSS
jQuery
JavaScript
PHP
Apply styles for the web page
Define structure of the web page
Provide meaning to the sections of the web page
mouse over
mouse hover
mouse move
p{font-style: "Times New Roman";}
p{font-family:"Times New "roman",Times,serif;}
p{font-weight:"Times New Roman",Times,serif;}
In the <body> section
At the end of the document
In the <head> section
Any Where in a Page
100rem
100%
100vw
100em
content p
p.content
.content > p
p .content
margin: 20px 20px 30px 30px
margin: 30px 20px
margin: 20px 30px
margin: 30px 30px 20px 20px
absolute
static
fixed
relative
clear
overflow
z-index
display
size
text-length
:nth-child(last)
:last-child
:nth-last-child(1)
Combinator selector
Pseudo Class selector
Pseudo elements selector
Attribute selector
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
list-style-type: none;
text-decoration: none;
bullet-style: none;
display: no-bullet;