是否应在CSS文件中定义在JavaScript中用于选择的类？

我们的设计师呼吁我们将用于JavaScript选择器的类添加到CSS文件中,并附上注释,说明它们供JavaScript使用.目的是避免利益冲突；由于没有应用样式,设计人员可能会从元素中删除类.

例如,标记可能是：

<div id="Book1" class="book">
</div>

然后,如果“ book”类用于JavaScript选择,则CSS文件将包含以下内容：

.book {/* Used as a JavaScript selector */}

是否有使用该技术的示例,为什么要使用(或不应该使用)？我正在寻找这种技术的缺点,优势和标准或官方建议的示例.

解决方法:

这仅仅是您的设计师正在寻找对CSS的某种形式的控制,以确保他/她的更改不会破坏您网站中客户端的功能.但是,这样做的问题是,您现在将功能与样式混合在一起,而在设计良好的站点中,这些样式应该首先分开.

最好确保在要定位的元素上创建没有样式关联且仅用于客户端js的类.您总是可以同意一个约定,在该约定中,所有此类都以jsMYCLASS等“ js”作为前缀,然后使用类似于以下jquery语法的引用进行引用；

<div class='book jsBookItem'></div>

目标：

$('.jsBookItem');

在此示例中,您可以看到原始的“ book”样式很好地位于非样式类旁边,但是您的设计人员可以独立于客户端代码(现在仅依赖“ jsBookItem”)来更改/删除“ book”样式.

他/她的建议的另一个主要问题是,它将使CSS文件膨胀,并增加了下载/缓存样式表所花费的时间,而对最终客户端没有任何好处.即使缩小CSS,也会留下部分有效但未被使用的块.

标签：standards,css,javascript
来源： https://codeday.me/bug/20191208/2092611.html