CSS类和id同名

Question

拥有同名的 css 类和 id 有什么问题吗？就像文章/帖子页脚的 .footer 和页面页脚的 #footer 一样。

原文由 Spencer 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

不，完全可以接受。

使用 --- 定义类，使用 . # ID。所以就浏览器而言，它们是两个完全独立的项目。

唯一需要注意的是为自己制造任何混乱。纯粹为了代码可读性而保持名称不同可能是最佳实践，但它们相同并没有什么害处。

原文由 djdd87 发布，翻译遵循 CC BY-SA 2.5 许可协议

Answer 2

这是完全有效的，但你应该知道你把这些 id 属性放在哪里，例如你可以有这样的元素：

 <main id="main" class="main">...</main>

这是完全有效的，因为您不能在特定页面上有更多 main 元素

但这里的情况可能会出现一些重复问题

<section>
  <header class="header" id="header">...</header>
</section>

<article>
  <header class="header" id="header">...</header>
</article>

您的网站上可能有多个 header 元素，因此您需要确保您的 id 与其他标题元素不同

<header class="header" id="unique-header">...</header>
<header class="header" id="another-unique-header">...</header>

通过这种方法，您可以分享您的风格并拥有两个独特的元素

原文由 Freestyle09 发布，翻译遵循 CC BY-SA 4.0 许可协议