css应用继承性和优先级

在CSS中，有两个重要的概念，分别是继承性和优先级。

继承性是指，某个元素应用的一些CSS属性值能够传递到其子元素中。比如，如果一个父元素定义了font-family属性，那么其子元素的字体也会继承这个属性值。

父元素样式：
p {
    font-family: Arial;
}

子元素样式：
h1 {
    /* 继承父元素字体 */
}

但是，并不是所有的CSS属性都是具有继承性的。比如，背景颜色就不能被继承。

父元素样式：
div {
    background-color: yellow;
}

子元素样式：
p {
    /* 不会继承父元素背景颜色 */
}

优先级是指，当一个样式应用于多个元素时，哪一个样式会被应用。这个优先级是由CSS规则所决定的。

下面是优先级的权重顺序：

!important > 行内样式 > ID选择器 > 类选择器 / 属性选择器 / 伪类 > 标签选择器 / 伪元素 > 通配符选择器 > 继承样式

其中，!important能够覆盖所有其他样式，但是应当谨慎使用。

这里需要注意的是，可以通过选择器的组合方式来增强某个样式的优先级。

div .my-class {
    /* 比 .my-class 优先级高 */
}

div.my-class {
    /* 比 div.my-class 优先级高 */
}

.my-class:first-child {
    /* 比 .my-class 优先级高 */
}

总之，CSS的继承性和优先级是非常重要的概念，理解它们能够帮助我们更好地管理CSS样式。