我正在开发一些大型Web项目,并且正在使用大量的HTML ID和类名。
当我在其中一个巨大的项目中创建新内容时,命名新的ID和类可能会让人感到沮丧,因为我总是会遇到类似#subprojectname_title
,.subprojectname_editor
的内容,以确保我不会覆盖以前为“父”项目编写的任何类和ID,并确保我不继承以前编写的样式。
每当我为该子项目创建一个新的类或id时,我总是要编写subprojectname
,这非常烦人。
我正在寻找关于如何缩短我的选择器的建议,而不必重置样式以确保我不会从之前的选择器继承,并且不会弄乱先前编写的样式(覆盖它们,更改它们的名称)。
答案 0 :(得分:1)
我的项目中有一个简单的解决方案。
我为全局有效样式使用“唯一”名称,为本地范围使用“常用”名称。
即。我的site.css使用诸如“defaultList”或“defaultWhiteButton”之类的名称,其中pageX.css使用“list”和“button”。
我从不为我的选择器使用ID,因为ID(用于我的目的)用于所有编程行为而不是装饰。
我只在CSS中使用类。
我希望这会有所帮助。
答案 1 :(得分:0)
而不是.subproject_thingie1和.subproject_thingie2我通常会添加根类或id以区分项目/页面。
这样,您可以在相同类名的所有页面上维护全局样式,同时能够为特定页面添加特定规则。
但与往常一样,最佳解决方案取决于现有项目的编写程度。