ID 代替 Class - CSS Grid答案

【问题标题】：ID instead of Class - CSS GridID 代替 Class - CSS Grid
【发布时间】：2020-08-05 00:55:58
【问题描述】：

我是新来的，通过谷歌搜索结果，我已经阅读了很多很多没有注册的答案，但是这次我找不到答案，虽然看起来很简单......

我使用新的 CSS Grid 制作了页面布局，作为学习它的一种方式，最初我使用容器 DIV 的类和子“DIV”，为此我使用了 HTML5 标签HEADER、NAV、ASIDE 和 FOOTER，一切似乎都运行良好，即使在 IE10 上借助 -ms...

我决定将类更改为 ID，因为我称为“页面”的主容器只会在每个页面上使用一次，而且页面只有一个标题，两个navs（具有不同的 ID，一个主导航和一个子导航）和所有其他元素都遵循该逻辑，因此因为它们都是页面的主要元素，并且每页仅使用一次，但我认为这些 ID 会更适合...

现在，由于我将类转换为 ID，一半的子 DIV 不再工作，因为信息未从 css 附加，主容器、头部和主 NAV 与以前一样工作，但所有rest 没有附加任何样式，我用 Chrome 开发工具检查过，那些子 DIV 的样式根本没有附加...

我什至尝试将新的 HTML5 标记替换为标准 DIV，将 ID 分配为诸如“test”之类的基本词，并将相关的 css 选择器替换为#test，但样式根本不适用于“测试”部分...

现在就 ID 和类之间的区别而言，除了一个是唯一的，另一个是可以重复的，以及它们与其他语言的关系，例如我一直在阅读的与 JS 的关系，还有不应该有任何差异还是我错了？

【问题讨论】：

嗨，欢迎来到社区。如果可以的话，您能否为我们分享您的相关代码以获得更好的解决方案？
感谢这位伙伴，但实际上要重现您面临的相同问题，我们需要您的实际代码。请阅读this，以便写出一个好问题。
感谢您的快速回复，我会在一分钟内整理出代码，但是，除了每个页面只能使用一次这一显而易见的事实之外，类和 ID 是否“相同”，并且当涉及到 CSS 网格时，other 可以在一个页面上随心所欲地使用吗？ ID 和类在网格中的行为是否与其他任何 CSS DIV 一样？
是的，正如你所说，每页只能使用一次 ID，并且可以根据需要尽可能多地使用类。

【解决方案1】：

如果您的 CSS 没有被应用，并且您说您已从使用类切换到 ID，那么听起来您的 CSS 选择器没有正确定位。如果没有一些代码，我们无法判断，但您的选择器应该是这样的：

html:

<div id="myId" class="myClass">content</div>

CSS：使用 ID：

#myId {
// css styling here //
}

使用类：

.myClass {
// css styling here //
}

【讨论】：