论CSS的继承性、特殊性、重叠性和重要性

1。继承

CSS的一些样式正在继承，那么什么是继承呢继承是一种规则，允许样式不仅应用于特定的HTML标记元素，而且也适用于它的后代。例如，以下代码：如果将颜色应用于p标记，则此颜色设置不仅应用于p标记，而且应用p标记中的所有子元素文本，其中子元素是跨标记。
xml代码将内容复制到剪贴板。
{颜色：红色；}
第三年级时，我是个小男孩，胆小得像只老鼠。
因此，本文在P和跨文本设置为红色。但需要注意的是，一些CSS样式不继承。如：红色边框1px solid；
CSS代码将内容复制到剪贴板。
P { border: 1px solid红；}

在上面的示例中，代码的功能是将p标记的边界设置为1个像素，即红色和实线边界线，但对于子元素跨度是无用的。

2。特殊性

有时我们为同一元素设置不同的CSS样式代码。元素将启用哪种CSS样式让我们看看下面的代码。
xml代码将内容复制到剪贴板。
{颜色：红色；}
{ {颜色：绿色；}
第三年级时，我是个小男孩，胆小得像只老鼠。

p和p首先匹配p标记，显示哪个颜色绿色是正确的颜色，为什么因为浏览器决定根据权重值使用哪种CSS样式，CSS样式使用的是高权重值。

以下是重量值的规则：

标签的权重为1，类选择器的权重为10，id选择器的最高权重为100：
xml代码将内容复制到剪贴板。
{颜色：红色；}重量为1 *
p跨度：{颜色：绿色；} / *重量为1 + 1＝2 *
警告{颜色：白色；}重量为10 *
警告：颜色：紫色；}重量是1 + 1 + 10 = 12 *
# footer.note p {颜色：黄色；} / *重量是100 + 10 + 1 = 111 * /

注：还有另外一个特殊重量。继承权也很重，但很低。一些文献表明，只有0.1，因此可以理解为最低的继承价值。

三.层

让我们考虑一个问题：如果HTML文件中的同一元素有多个CSS样式，那么有多少CSS样式具有相同的权重值呢这个部分中的堆栈帮助您解决这个问题。

堆叠是HTML文件中同一元素的多个CSS样式的存在。当相同的权重存在时，它将根据CSS样式的顺序来决定，后面的CSS样式将被应用。

例如，下面的代码：

CSS代码将内容复制到剪贴板。
{颜色：红色；}
{颜色：绿色；}

最后p中的文本将被设置为绿色，这是很好理解的，并且理解后一种样式将覆盖以前的样式。

所以前面的CSS样式优先级并不难理解。

内联样式表（内部标签）>嵌入式样式表（当前文件）>外部样式表（外部文件）。

4。重要性

当我们做Web代码时，某些特殊情况需要对某些样式拥有最高的权重。你是做什么的这时我们可以用它了！重要的是解决它。

以下代码：

xml代码将内容复制到剪贴板。
颜色：红色！重要的；}
{颜色：绿色；}
第三年级时，我是个小男孩，胆小得像只老鼠。

p段中的文字此时将呈现红色。

注：！重要的是写在分号前面。

值得注意的是，当网站制作人不设置CSS样式，浏览器根据它自己的一套方式显示网页，用户还可以在浏览器设置自己的习惯，比如一些用户用来设置字体大小要大，这样可以更清楚地看到了网页的文本。在这个时候，我们应该注意风格的优先级：浏览器默认的样式，网页制作者的风格，用户自己的风格，但要记住！重要的优先级模式是一个异常，它的权重高于用户自己的样式。

上面提到的CSS的继承、特殊性、分层和重要性都是萧边分享你的内容。我们希望能给你一个参考，希望你能支持我们。