跨HTML、CSS和JS的统一标识符/类命名

Question

如何确保HTML、CSS和JS具有统一标识符。例如，这样的一组标识符可以是类名。例如：

CSS：

.user-profile{
  ...
}

联署材料：

document.getElementsByClassName( "user-profile" ).(...)

HTML：

<div class="user-profile"> ... </div>

是否有任何IDE可以提供此功能？考虑到这些都是技术上的字符串，我认为很难确定‘相等’。

Answer 1

HTML中没有变量。我认为您是在谈论id和class属性。

当您更改id或class时，反映CSS和JavaScript更改的最简单方法是对相关文件进行grep。

我不确定IDE自动重命名会有帮助:在许多情况下，您不希望修改CSS/JavaScript文件。一个基本的例子:您更改元素的一个类，因为您想要一个不同的样式。

另外，如果您必须对ids和classes做很多更改，请检查是否使用了正确的命名约定，并且从一开始就慎重地选择了这些值。