创建新的CSS类和ID名称,确保没有任何中断

时间:2012-07-12 06:51:12

标签: html css naming-conventions

我正在开发一些大型Web项目,并且正在使用大量的HTML ID和类名。

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

每当我为该子项目创建一个新的类或id时,我总是要编写subprojectname,这非常烦人。

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

2 个答案:

答案 0 :(得分:1)

我的项目中有一个简单的解决方案。

我为全局有效样式使用“唯一”名称,为本地范围使用“常用”名称。

即。我的site.css使用诸如“defaultList”或“defaultWhiteButton”之类的名称,其中pageX.css使用“list”和“button”。

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

我只在CSS中使用类。

我希望这会有所帮助。

答案 1 :(得分:0)

而不是.subproject_thingie1和.subproject_thingie2我通常会添加根类或id以区分项目/页面。

这样,您可以在相同类名的所有页面上维护全局样式,同时能够为特定页面添加特定规则。

但与往常一样,最佳解决方案取决于现有项目的编写程度。