什么只能用CSS完成,但不能用普通的DOM样式属性完成?

Zub*_*air 0 html css

我想知道用CSS"只能"做什么事情,使用Javascript动态更新的样式"属性"是不可用的.到目前为止,我知道:

  • 媒体查询
  • 伪标签

还有吗?

更新:

这个问题已经关闭,但我问它,因为我正在尝试决定用于项目的技术,但其中一个选项不能使用CSS样式表,并且只能使用javascript操作样式属性.

Bol*_*ock 6

内联样式属性只能包含属性声明(例如width: 10pxcolor: red).他们不能包含任何其他CSS结构:没有选择,在规则(例如@import,@media,@font-face)等只是属性声明.

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

实际上,实际上有一个专门用于样式属性的整个模块,但对于作者而言,它并不是必需的阅读.

因此,任何不是CSS声明的东西都只能在样式表中使用,而不能在样式属性中使用.不确定这是不是你要问的......

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