[分享]css两个标签公用一个样式

在 CSS 中，可以使用同一个样式来为两个或多个标签设置样式，这样可以简化代码，提高效率。下面是一个例子： p, h1 { fontsize: 16px; color: 333; } 以上代码意为，为...

在 CSS 中，可以使用同一个样式来为两个或多个标签设置样式，这样可以简化代码，提高效率。下面是一个例子：

 p, h1 {
        font-size: 16px;
        color: #333;
    } 

以上代码意为，为所有的 p 标签和 h1 标签设置相同的字体大小和颜色。这样就可以避免重复代码，同时也可以保证样式的一致性。

需要注意的是，使用同一个样式给多个标签设置样式时，应该选择那些样式相似或相同的标签，避免过度泛化导致出现样式不一致的情况。

同时，也可以对多个标签设置部分相同的样式。例如：

 p, h1, h2 {
        color: #333;
    }

    h1 {
        font-size: 24px;
    }

    h2 {
        font-size: 20px;
    } 

以上代码中，为 p 标签、h1 标签和 h2 标签设置相同的颜色，但是分别为 h1 标签和 h2 标签设置不同的字体大小。

总的来说，使用同一个样式为多个标签设置样式可以提高效率，同时也可以保证样式的一致性。需要注意的是，应该选择那些样式相似或相同的标签，并且尽量避免过度泛化导致样式不一致等问题。