什么是'；家长'；用HTML还是CSS？

向我介绍了以下代码：

跨度{
颜色：蓝色；
边框：1px纯黑；
}
.额外跨度{
颜色：继承；
}
这是一个蓝色的跨度元素，因为跨度元素被设置为蓝色。
这是一个绿色的span元素，因为它继承自其父元素。
这是一个蓝色的跨度元素，因为跨度元素被设置为蓝色。

由于

元素嵌套在其“父”元素中，因此它们被称为“父”div的“子”元素

<div id="parent">
  <span id="child1"></span>
  <span id="child2"></span>
  <span id="child3"></span>
</div>

---

这意味着在为跨度分配颜色时，它将遵循父颜色，在本例中为绿色。

如果在

元素中有

，则

是

的父元素，而

是

的子元素

和css类似：

div {
   background-color: red;
}

div > p {
  background-color: blue;
}

.red {
  background-color: inherit;
}

带有红色类的div，使用
inherit
将获取父类的值red。
inherit summary:from

inherit CSS值导致为其指定的元素
从父元素获取属性的计算值。它是
在每个CSS属性上都允许

将代码压缩为单个部分，以了解发生了什么：

span {
    color: blue;
    border: 1px solid black;
}

这意味着每个跨度都有一个蓝色

继续下一行：

.extra span {
    color: inherit;
}

这意味着元素中带有
class=“extra”
的每个跨距都将继承颜色。表示所有
内的
.extra
将采用其父颜色

现在，正如您在结果中看到的，每个跨度都是蓝色的，除了div中带有class
extra
的跨度，它的颜色上有一个内联样式表示为绿色。
在这里，您同时使用了内部和内联样式。因为内联样式的优先级高于内部样式和外部样式，这就是为什么额外的跨距显示为绿色。
在本例中，父元素是跨距所在的div。hello world
SomeLink在我的评论中，somediv上方的SomeLink是父元素，该div内的所有内容都是子元素如果我给父类赋予样式，在子类上我说继承它将采用父类divYes的样式，div类extra具有内联css样式，将其颜色设置为绿色。
.extra span{color:inherit；}
意味着该div应该从父级继承颜色。不清楚。从你的回答中，我不知道
div#parent
是否仍然是父元素，如果在
@Green中有另一个
div
，则术语
parent
用于指代给定元素的直接父元素。在您的示例中，
div#parent
不是
span
的父对象，因为未标记的
div
占据了该角色。但是样式继承仍然是以这种方式滴下的，因此在您的示例中，span仍然采用
div#parent
的颜色，除非未标记的
div
，或者它的子
span
被定义为具有不同的颜色，或者更广泛地说，除非元素的性质本质不同。（内联父级中定义的div本质上采用块样式）向下投票，因为2017年提供的其他答案更清楚地回答了这个问题。虽然内联样式具有更高的优先级是正确的，但此特定span是从
获取其样式的，也就是说，做父母声明的任何事情。很高兴你能参与到堆栈溢出的共享知识中来，但是如果你想用其他几个高质量的答案来回答这个老问题，你需要提供一个答案，为已经说过的话添加更多的实质内容。这并没有添加任何有用的内容信息，其他答案已经解释了这个问题。
div {
   background-color: red;
}

div > p {
  background-color: blue;
}

.red {
  background-color: inherit;
}

span {
    color: blue;
    border: 1px solid black;
}

.extra span {
    color: inherit;
}