我正在处理一些大型网络元素,并且正在使用大量 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/