html - understanding cascading and css initial -
so have html
css
.paragraphs { color: orange; background-color: gray; } p.first { color: inherit; background-color: inherit; } p.second { color: initial; background-color: initial; }
<div class="paragraphs"> <p class="first">paragraph 1</p> <p class="second">paragraph 2</p> </div>
both have background-color
of gray
p.first
have color
of orange
, p.second
have color
of black
.
why background-color
not go it's default state background-color: initial;
color: initial;
does?
because initial
of background-color
on p
-tag transparent
or none
.
you can see computed style of second p
tag when inspecting elements. there see background-color
has value rgba(0, 0, 0, 0)
same transparent black.
there article on quirksmode.org inherit, initial , unset values.
Comments
Post a Comment