查看示例的元素可以通过文本样式信息到他们的孩子。
我们知道从HTML元素层次结构和路易斯安那民法典,元素可以通过文本样式信息到他们的孩子。我们可以设置文本样式在父元素通过样式,我们可以覆盖这些风格的子元素。
我们要显示三个例子来演示。就是这样。我们从第一个开始。
让我们来看看这个非常简单的布局。我们页面的身体,然后在我们有部分,容器内的部分。让我们拖一段加入我们的标题。现在我们没有类——没有任何类型的样式应用于这些元素。
默认情况下,如果我们检查段落(按我们的橙色指标),我们可以看到它从身体的字体。让我们选择。和身体被选中,我们将更改字体。
因为这在实时更新,这部分已经被宠坏了。我们知道我们的标题和段落是继承这种新字体从身体变化。不过,我们可以覆盖这个。做出改变,现在有一个蓝色的指标,当然,告诉我们,我们做了一个风格的变化。或者我们可以删除。再一次,如果我们单击指示器,它从身体的继承。
记住:身体是顶级元素的时候,我们必须运用身体类(自动创建,当我们改变了字体)——我们必须应用到人体其他页面,。一个伟大的选择——我们现在就删除这个类是去选择我们的身体(所有页)标记。更改这些默认值在所有页面将在该项目。
例1。
例2是一个部分。
尽管它不是一个文本元素,我们可以应用字体样式。首先,让我们看看它是来自哪里。当然,这是来自我们的身体所有页面的标签。与我们的选择部分,覆盖这个字体,而我们,也让我们改变字体颜色。注意标题和段落内部——部分的两个子元素——注意这些变化的影响。因为这覆盖了继承链。
之前,部分的子元素(标题和段落)直接从他们的父母没有任何迹象(如容器或部分)有关字体。部分和容器没有指定任何东西,所以标题和段落看一路的层次结构对身体样式信息。所以它并不重要。
但由于我们样式添加到部分,这是压倒一切的样式。如果我们仔细看看继承,我们可以看到现在的价值是来自部分。
就像我们前面覆盖了身体,我们可以在这里做同样的事情。任何子元素可以覆盖文本样式。这意味着我们可以看到蓝色的指标。让我们删除它,一次又一次,我们继承部分。
例2。
例3是一个链接。同样的想法。
这是一些文本链接块坐在里面。我们可以直接样式的文本,或者我们可以简单地选择连接块和改变这里的样式。一旦我们这样做,我们可以选择文本。
是这种风格的价值从何而来?当然,这是来自我们的连接块。
我们随时可以覆盖,或者我们可以删除和查看,再次,我们继承风格连接块的价值。
所以,不管上下文或元素类型、文本样式向下通过层次,除非它被覆盖。
元素可以通过文本样式信息到他们的孩子。你可以设置文本样式在父元素,将瀑布下来,您可以重写这些样式对孩子元素。
通常使用这种方法来设置全球Body标签字体样式,对齐文本和其他元素的部分,和覆盖默认的连接块风格。这里有更深入的展示这三个示例文本样式级联是如何工作的:
在这个例子中,我们有一个简单的布局:
这些元素有类名或风格。
默认情况下,这些元素继承其文本样式的身体。你可以看到这个点击旁边的橙色指标文本样式。改变字体类型对身体会因此改变它的字体类型的子元素。
你可以覆盖这个继承了文本样式通过选择一个文本元素和改变字体类型。你将会看到一个蓝色的指示器显示样式变化已经在这个元素。
您可以删除这种风格通过单击蓝色的指标和选择“删除此风格”(或按住ALT键并单击)。删除样式将设置字体类型继承从身体。
记住身体是顶级元素时,更改,它只会影响到特定的页面。将样式应用到所有页面的身体,首先选择body元素和删除类名。然后你可以选择它的标签,使文本样式的变化。
尽管部分不是一个文本元素,您可以应用字体样式。默认情况下,部分将从body元素继承它的文本样式。你可以覆盖这部分通过选择和文本样式的变化。
使这些变化之前,标题和段落元素研究一直到层次结构的顶部文本风格从身体。注意,更改后,标题和部分的Paragraph-children元素现在继承这些样式。这是因为改变部分元素的文本风格打破了从身体的继承链。
通常更改文本对齐的中心部分。这将使所有文本和inline-block元素,如图像和按钮,在一段集中。
在这个例子中,有一些文本块嵌套在一个链接。您可以直接风格这个文本,或者你可以选择这里的连接块和更改。这些风格的变化,和之前一样,打破的继承和导致文本继承链连接块。为了验证这一点,您可以选择文本元素并单击橙色指标看到连接块上的文本样式的变化也改变了。
你也可以覆盖连接块的默认蓝色文本风格通过选择文本元素和做出改变。同样的逻辑也适用here-styling文本元素直接将覆盖任何继承了文本样式。