[分享]css具有相同属性值的多种标签

CSS是构建网页样式的重要技术之一，它可以为HTML、XML等标记语言添加样式和布局。在编写CSS时，我们可以给不同的标签设置不同的属性值，比如文字颜色、背景颜色、字体大小等等。但是，有时候我们会希望...

CSS是构建网页样式的重要技术之一，它可以为HTML、XML等标记语言添加样式和布局。在编写CSS时，我们可以给不同的标签设置不同的属性值，比如文字颜色、背景颜色、字体大小等等。但是，有时候我们会希望不同的标签具有相同的属性值，这时候该怎么做呢？下面我们来看看。

首先，我们可以直接为不同的标签分别设置相同的属性值，比如：

 h1 {
  color: #333;
  font-size: 24px;
}

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

这样做确实可以实现效果，但是代码冗余，难以维护。

其次，我们可以为多个标签一起设置相同的属性值。这时候，我们可以使用CSS选择器中的逗号分隔符，比如：

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

这样代码就变得简洁明了，同时为多个标签设置相同的属性值也方便了不少。

除了使用逗号分隔符，我们还可以使用通配符来为所有标签设置相同的属性值，比如：

 * {
  margin: 0;
  padding: 0;
} 

这样可以为所有标签设置相同的margin和padding值为0，但是需要注意的是，通配符会影响所有的标签，包括HTML文档的根元素HTML和BODY。

综上所述，对于多个具有相同属性值的标签，我们可以使用逗号分隔符或通配符来为它们设置相同的属性值，这样可以使代码更加简洁，同时方便维护。