为什么vanilla HTML / JS（和React）使用camelCase作为样式，而CSS不使用？ [关闭]

Question

关于样式的不同技术需要不同的约定来命名某些属性，主要是camelCase与hyphenated-style

通过JS直接在HTML DOM节点上设置样式 - element.style.paddingTop =“12px”;

在React中设置样式内联 - <Component style = {{paddingTop：“12px”}} />

在.CSS文件中设置它。 - selector {padding-top：12px}

不同规则的根本原因是什么？我不明白为什么这比使用camelCase的所有HTML / CSS / JS更好，或者全部使用连字符样式。

Answer 1

在JavaScript中，由于语法规则，kebab-case不适合。 -不允许使用标识符，因此padding-top对变量或属性名称无效。

在CSS中，camelCase不是一个好习惯，因为CSS不区分大小写。 className和classname是CSS的相同标识符。