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

在CSS中，可以用一个样式同时为两个标签设置属性，这在前端开发中非常常见。例如，我们可以将p标签和h1标签都设置为字体颜色为红色的样式： p, h1 { color: red; } 这样，网页中所有的...

在CSS中，可以用一个样式同时为两个标签设置属性，这在前端开发中非常常见。例如，我们可以将p标签和h1标签都设置为字体颜色为红色的样式：

 p, h1 {
        color: red;
    } 

这样，网页中所有的p标签和h1标签都会应用这个样式。

同样的，我们也可以同时为多个标签设置其他属性，例如字体大小、背景颜色等等，只需要在选择器中用逗号隔开即可：

 p, h1, a {
        font-size: 16px;
        background-color: #f2f2f2;
        border: 1px solid #ccc;
    } 

这样，所有的p标签、h1标签和超链接（a标签）都会应用这个样式。

同时使用一个样式为多个标签设置属性，不仅可以提高开发效率，还能增加代码可读性和可维护性。但是，需要注意的是，样式中的属性值应该适用于所有选择器中的标签，否则就会出现样式冲突或者意想不到的效果。