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
rgba(255,55,255,1)
rgba(255,255,255,0.0)
rgba(255,55,255,.5)
None of these
#classname
.classname
element.classname
*classname
Style
type
class
None of the above
HTML
CSS
JavaScript
PHP
f:
Font:
Font-family
Font:b
text-decoration: bold
font-weight : bold
font-style: bold
text-align: bold
h1.hover
h1*hover
h1:hover
h1-hover
Apply styles for the web page
Define structure of the web page
Provide meaning to the sections of the web page
REL
URL
REV
all of these
Documents to be viewed on-screen tend to look better in Sans-serif fonts
Not everyone has the same set of fonts.
Printed documents tend to look better in Serif fonts
All of the options
~
>
+
*
css
style
script
link
focus
hover
active
checked
ID selector
Class selector
Group selector
Universal selector
What will happen in the following case ?
h1 {color: red text-decoration: underline; font-style: italic;}
color: red, text-decoration: underline and font-style: italic all works
text-decoration: underline and font-style: italic works
color red, text-decoration: underline works
only font-style: italic works
[attr]
[attr=""]
[attr=*]
attr[ ]
content p
p.content
.content > p
p .content
Name
ID
Class
Tag
rect
crosshair
auto
inherit
In the <body> section
At the end of the document
In the <head> section
Any Where in a Page
<Link> tag
<Style> tag
<Script> tag
@media
id
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
input:checked
input:focus
input:hover
input:active
border-spacing
border-style
border-collapse
border-radius
f-resize
move
ne-resize
se-resize
Inline CSS
Internal CSS
Embedded CSS
External CSS
bright
hidden
ridge
groove
flex-order
order
flex-direction
item-order
background
background-attachment
background-color
background or background-image both
E[attr^=value]
E[attr$=value]
E[attr*=value]
tag
div
style:bold;
font:bold;
font-weight:bold;
text:bold;
background-repeat
background-position
The external CSS rule is applied
The inline style is applied
Both are ignored
The browser applies the styles randomly
:target
:selection
::selection
URO
:root
:nth-of-type(n)
:only-child
none of the mentioned
Rich Decorations
Faster download times.
Greater consistency in design.
No need to write HTML Tags
:checked
E~F
::after
None of the options
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
font-weight
font-style
text-decoratio
text-weight
100rem
100%
100vw
100em
both class and tag
input.required
input[required]
input(required)
input::required
text-color
color
font-color
All of These
Some selectors can lead to cross-browser issues
Cannot request a webpage through CSS
Parent Selector tag is always available
Cannot always assure compatibility with every browser
Match the CSS Background Property with Its Function
A → 3, B → 1, C → 2, D → 4
A →5, B → 1, C → 2, D →6
A → 4, B → 1, C → 2, D → 3
A → 6, B → 1, C → 2, D → 3
:element
:empty
:enabled