html - 在 html 中提供 id 和类的最佳方式

Question

假设我们有一个包含很多页面的大型元素，我们必须向其中添加一个 html 页面。

创建页面后，我发现我使用的一些 id 和类也出现在其他页面中。因此，为该 id 提供 css 样式对我来说是个大问题。那么，让 id 和类在元素中翻倍的可能性最小的最佳方法是什么？

一种方法是将页面名称添加到属性中。所以，而不是

id="button"

我们会有

id="mypage-button"

但是通过这种方式，id 和类变得更大且可读性更差。另一种方法是在 CSS 中给出该组件的完整路径，并最大限度地减少重复标识符的可能性。例如，而不是在 CSS 中给出

#myTable
{
height:300px;
}

现在我给

#myBigDiv > #AnotherDiv .tables #myTable
{
height:300px;
}

但是这种方式比较慢，我会失去很多速度。将我自己的 css 文件放在我的页面中并不能解决问题，因为写了一些属性我不知道在布局中给出的 css 文件中有任何其他属性(例如，边距)。您怎么看，最好的方法是什么？

Answer 1

一种方法是将一个类添加到您的 body 标记中。所以对于上面的例子，你会使用

.myPage #button {}