id
class
The element will be in the DOM, but won’t work as required
The element would not be in the DOM
demo
#demo
.demo
*demo
h1.hover
h1 : hover
h1:hover
h1: hover
p h4 a { color: orange; }
p; h4; a { color: orange; }
p+a+h4 { color: orange; }
h4, a, p { color: orange; }
Separate each selector with a plus sign
Separate each selector with a space
Separate each selector with a comma
Seperate each selector with a star
p
p.style
p-style
.style
p.style span
p.style.span
p.style span*
none of the above
p { color: red; }
p { color:rgb(255,0,0); }
p { color: rgba(255,0,0,1); }
all of the above
100rem
100%
100vw
100em
color: hsl(255, 0, 0);
color: hsl(0, 255, 0);
color: rgba(0, 0, 255, 1);
color: rgba(0, 0, 255, 0);
border-color
border-decoration
border-style
border-line
border-width
border-bottom
border-width-bottom
border-bottom-width
p { font-weight:bold; }
<p style=”font-size:bold;”>
p { text-size:bold; }
<p style=”text-size:bold;”>
a { underline:none; }
a { text-decoration:no-underline; }
a { decoration:no-underline; }
a { text-decoration:none; }
font-family
font-style
font-weight
text-style
all.h1 { background-color:#FFFFFF; }
h1 { background-color:#FFFFFF; }
h1.all { background-color:#FFFFFF; }
background
background-attachment
background-color
background or background-image both
background-repeat
background-position
padding
indent
margin
gap