我正在处理 wordpress 主题安装中的自定义 CSS 文件。
在 CSS 中,有时我需要识别诸如“.example”之类的内容,有时必须将其显示为“#example”,而有时可以将其保留为“示例”。
有人可以澄清规则以及我如何区分和决定将来在每种情况下使用哪个规则吗?
这可能与 div id 和类有关。
没有 100% 的规则,但通常:
Anid
必须是唯一的,因此应用于 ID 的任何样式仅可用于页面上的一个元素。因此,通常按类而不是 ID 来设置样式更有意义,因为大多数时候您会想要重用您的样式。此外,由于 id 的劫持特异性,使用 ID 使得以后更难覆盖样式。
我什至更进一步,因为任何东西都不应该由 ID 设置样式,而应该始终按类设置样式。我偶尔会做的一个例外是基于body
标签 id 的页面级范围。但即便如此,一个类也同样有用。
我建议阅读OOCSS(注意:我不使用任何用于说明示例的文件 - 我仅参考常见问题解答)