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
Set the margin equally on top and bottom of the element
Set the margin equally on left and right of the element
Set the margin equally on all sides of the element.
It is uncertain what will happen