Html 理解级联和css初始
所以我有了这个Html 理解级联和css初始,html,css,Html,Css,所以我有了这个html和css 。段落{ 颜色:橙色; 背景颜色:灰色; } p、 首先{ 颜色:继承; 背景色:继承; } p、 第二{ 颜色:首字母; 背景色:首字母; } 第1段 第2段 因为p标签上背景色的首字母是透明的或无 检查元素时,还可以查看第二个p标记的计算样式。在这里,您将看到背景色实际上具有与透明黑色相同的值rgba(0,0,0,0) 有一篇很好的文章。您为div.parages定义的CSS不是由p.first和p.second继承的。如果您的CSS如下所示: p {
html
和css
。段落{
颜色:橙色;
背景颜色:灰色;
}
p、 首先{
颜色:继承;
背景色:继承;
}
p、 第二{
颜色:首字母;
背景色:首字母;
}
第1段
第2段
因为p
标签上背景色的首字母是透明的或无
检查元素时,还可以查看第二个p
标记的计算样式。在这里,您将看到背景色
实际上具有与透明黑色相同的值rgba(0,0,0,0)
有一篇很好的文章。您为div.parages
定义的CSS不是由p.first
和p.second
继承的。如果您的CSS如下所示:
p {
color: orange;
background-color: gray;
}
p.first {
color: inherit;
background-color: inherit;
}
p.second {
color: initial;
background-color: initial;
}
现在所有段落(
标记)都将继承。带有类第一个
和第二个
的段落将用给定的值覆盖这些值。如果将p
元素放置在父元素之外,您可以轻松理解发生了什么
inherit
表示与父项相同。
initial
表示默认值,背景为透明,颜色为黑色。这很有意义。没有想到默认设置是透明的。