Html 当为不同的元素使用相同的CSS类标识符时，浏览器中是否存在兼容性问题？

我想知道在不同的“父”（关于CSS类）元素中使用相同的类名是否可以

例如：

.section、.panel{
背景：黑色；
填充：8px；
利润率：8px；
}
/*首先，头*/
.科长{
背景：黄色；
}
/*第二，头*/
.小组.头{
背景：石灰；
}

科长
面板头

只要您跟踪这些类，就可以了。它的可读性比兼容性强，所以要小心，不要过度使用它

---

此外，当您添加更多样式时，如果为一个新功能设置样式会由于重复类而影响过去的功能，请务必小心。

我认为这是可以的，只要您指定它，而不是为

创建通用样式。

这在任何理解最基本HTML和CSS的浏览器中都是完全可以接受的。仅此一点不会在任何地方给您带来问题。请记住，类通常用于具有类似样式的元素，因此，如果某个代码不太好的人长期以来试图通过执行

.head{color:blue！important}来更改代码，您可能会遇到麻烦

没有意识到他们正在更换两种类型的头部。我倾向于使用

.panel head

和

.section head

（如果.head的样式不同，如果您希望它们是相同的样式标题，那么我将使用相同的类）-通过这种方式，它还可以将选择器的长度保持在较短的范围内。我想说，这就是您应该如何使用CSS的原因，这就是为什么它可以在任何支持CSS的浏览器上工作。即使您不跟踪类，它也可以。我想你应该更清楚，这绝对没问题。没有任何警告——这是完全有效的CSS/HTML。@GregSchmit当然，正如您所说，它完全有效，但可伸缩性没有，我只是在预约；）