Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 理解级联和css初始_Html_Css - Fatal编程技术网

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
表示默认值,背景为透明,颜色为黑色。

这很有意义。没有想到默认设置是透明的。