html - 什么只能用 CSS 完成，而不能用普通的 DOM 样式属性完成？

Question

我想知道哪些事情只能通过 CSS 完成，而使用 Javascript 使用动态更新的样式“属性”则无法做到。目前我知道:

• 媒体查询
• 伪标签

还有吗？

更新:

这个问题已关闭，但我在尝试决定用于元素的技术时提出了这个问题，但其中一个选项不能使用 CSS 样式表，只能使用 javascript 操作样式属性。

Answer 1

内联样式属性只能包含属性声明(例如 width: 10px 或 color: red)。它们不能包含任何其他 CSS 结构:不是选择器、at 规则(例如 @import、@media、@font-face)等。只是属性声明。

但是，它们在级联中起着重要作用:具有该属性的元素的任何样式都具有最高优先级(当然是在考虑 !important 之后)。

实际上有 an entire module devoted to style attributes , 顺便说一句，但这不是作者的必读书。

因此，任何不是 CSS 声明的内容都只能在样式表中使用，而不能在样式属性中使用。不确定这是否是您要问的...

请注意，媒体查询和@media 规则不是一回事；媒体查询也可以存在于样式表之外的区域，例如 HTML 的 media 属性，它们是下一个最常见的地方。