[分享]css内元素不继承父元素

在CSS中，有些元素是不会继承父元素的属性的。这些元素可以被称为“非继承元素”。具体来说，以下是一些常见的非继承元素： display:flex; display:block; display:in...

在CSS中，有些元素是不会继承父元素的属性的。这些元素可以被称为“非继承元素”。

具体来说，以下是一些常见的非继承元素：

  display:flex;
    display:block;
    display:inline-block;
    position:absolute;
    position:fixed;
    float:left;
    float:right;
    overflow:hidden;
    overflow:auto;
    z-index:1; 

如果想让子元素继承父元素的某些属性，可以使用CSS中的inherit属性。例如：

  p {
      color:red;
    }
    
    .child-p {
      color:inherit;
    } 

在上面的例子中，子元素的颜色将会继承父级p元素的颜色属性。

总之，非继承元素必须显式地设置属性以确保它们具有所需的样式。