css不可继承的样式

在CSS中，有一些样式是不可继承的，这意味着它们不会被子元素继承。

  .parent {
        font-size: 20px;
    }
    
    .child {
        /* 这个样式不会被继承 */
        border: 1px solid black;
    } 

代码示例中，父元素设置了字体大小为20像素，在默认情况下，子元素会继承该属性。但是，子元素的边框样式不会继承，这意味着需要单独为子元素设置边框样式。

下面是一些不可继承的CSS属性：

• display
• border-collapse
• border-spacing
• caption-side
• empty-cells
• font-family
• font-size
• font-style
• font-weight
• letter-spacing
• line-height
• list-style
• list-style-image
• list-style-position
• list-style-type
• orphans
• text-align
• text-indent
• text-transform
• visibility
• white-space
• widows
• word-break
• word-spacing
• word-wrap

如果需要在子元素中应用这些属性，请手动为子元素设置相应的样式。