[分享]css共同使用一个id

在CSS中，我们通常会使用类选择器或者ID选择器来选取页面中的元素并为其添加样式。但是如果想要一组元素应用相同的样式，我们可以考虑将它们共同使用一个ID来实现。commonid { fontsize:...

在CSS中，我们通常会使用类选择器或者ID选择器来选取页面中的元素并为其添加样式。但是如果想要一组元素应用相同的样式，我们可以考虑将它们共同使用一个ID来实现。

#common-id {
  font-size: 16px;
  color: #333;
  text-align: center;
} 

这里我们创建了一个ID选择器#common-id，并将样式定义在其中。这样，页面中所有使用了该id的元素都会应用这组样式。

但是需要注意的是，由于ID选择器具有唯一性，所以不建议将相同的ID应用于多个元素。如果多个元素需要应用相同的样式，我们可以使用类选择器或者共同父级元素来实现。

.parent-class p,
.parent-class span {
  font-size: 16px;
  color: #333;
  text-align: center;
} 

在这个例子中，我们将所有的需要应用相同样式的元素都包含在了一个共同的父级元素.parent-class中，并为其下的所有p和span元素添加了相同的样式。

以上就是关于CSS中共同使用一个ID的简单介绍。在实际使用中，我们需要优先考虑类选择器和父级选择器来完成样式的共享，避免产生ID重复的问题。