怎样使 css 不继承父

在 CSS 中，继承是一种非常有用的特性，因为它可以让后代元素继承其父元素的样式。但有时候，我们需要跨级地重置某个元素的样式，使其不继承其父元素的样式。下面介绍几种方法可以做到这一点。

/* 1. 使用!important */  .example {
    color: red!important;
}
/* 2. 使用 :not() 伪类 */.parent *:not(.example) {
    color: blue;
}
    /* 3. 使用特殊的选择器 */.parent >
.child {
    color: green;
}
    

第一种方法是使用!important，这种方法会让样式的优先级变得非常高，甚至可以覆盖其他的样式。但是，不推荐过度使用!important，因为这会让代码变得混乱且难以维护。

第二种方法是使用 :not() 伪类，该伪类可以选择不匹配某个选择器的元素。例如，上面的代码将选择所有不属于 .example 的元素，然后将它们的颜色设置为蓝色。

第三种方法是使用特殊的选择器，例如直接选择子元素（> )，这种方法可以专门为某个元素设置样式，而不是影响到所有的后代元素。

这些方法都有各自的优缺点，具体使用方法需要根据具体情况而定。但总的来说，在写 CSS 时，要尽量避免使用过多的 !important，而是通过良好的组织和设计来使代码更具可维护性和可读性。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！