html - 创建新的 CSS 类名和 ID 名,确保没有任何问题

标签 html css naming-conventions

我正在处理一些大型网络元素,并且正在使用大量 HTML ID 和类名。

当我在其中一个大型元素中创建新内容时,命名新 ID 和类可能会令人沮丧,因为我总是以类似 #subprojectname_title.subprojectname_editor 确保我不会覆盖以前为“父”元素编写的任何类和 ID,并确保我不会继承以前编写的样式。

每当我为该子元素创建新类或 id 时,我总是必须编写 subprojectname,这很烦人。

我正在寻找有关如何使我的选择器更短的建议,而不必重置样式以确保我不会继承以前的选择器,并且不会弄乱以前编写的样式(覆盖它们,更改它们的名称).

最佳答案

我在我的元素中有一个简单的解决方案。

我对全局有效的样式使用“唯一”名称,对局部范围使用“通用”名称。

即我的 site.css 使用“defaultList”或“defaultWhiteButton”等名称,而我的 pageX.css 使用“list”和“button”。

我从不为我的选择器使用 ID,因为 ID 用于(在我的目的中)所有程序化行为而不是装饰性的。

我只在我的 CSS 中使用类。

希望对您有所帮助。

关于html - 创建新的 CSS 类名和 ID 名,确保没有任何问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11446395/

相关文章:

html - 当浏览器窗口缩小时,嵌入式 YouTube 视频停止响应

jquery - 解决 safari 'bounce' 问题

html - 全高停在浏览器视口(viewport)

html - CSS mobile - 全屏后的纵向

spring - 命名 DTO 和实体类

javascript - 如何删除 Chart.js 中的标题颜色框

javascript - 如何在我的图像上添加叠加层

css - 防止点击 div

java - 你在 Java 项目中使用什么策略来命名包,为什么?

java - 命名服务类的约定