【问题标题】:When to use element.style selector in css? [duplicate]何时在 CSS 中使用 element.style 选择器? [复制]
【发布时间】:2015-12-17 20:55:13
【问题描述】:

以下选择器类型列表是通过增加特异性:

  1. 通用选择器(即 *)。
  2. 类型选择器(例如 h1)和伪元素(例如 :before)。
  3. 类选择器(例如 .example)、属性选择器(例如 >>[type="radio"])和伪类(例如 :hover)。
  4. ID 选择器(例如,#example)。

除了上面的选择器,还有一个叫做默认选择器,

我们更喜欢在什么时候使用这个选择器?

CSS 特定性规则如何应用于此选择器?

【问题讨论】:

  • 那不是选择器。这是一个典型的浏览器开发工具(相当混乱)对元素内联 style 属性的表示。
  • element.style 不能写入 css 文件,但它是内联到特定 html 元素的 css。内联 css 用于覆盖使用样式表应用于元素的 css。
  • 如果您提供报价和屏幕截图,请告诉我们它们的来源。

标签: html css


【解决方案1】:

这是特异性值

Selector                          Specificity         Specificity in large base
inline-style                      1 0 0 0             1000
id selector                       0 1 0 0              100
class,pseudo,attribute selector   0 0 1 0               10
type selector and pseudo elements 0 0 0 1                1            

this answer 复制,但这个问题是专门针对特殊性的,所以在这里回答。

【讨论】:

  • “确实是为了特异性”:)
猜你喜欢
  • 2011-10-15
  • 2016-11-10
  • 1970-01-01
  • 2016-06-23
  • 1970-01-01
  • 2014-05-03
  • 2015-11-20
  • 2015-03-29
  • 1970-01-01
相关资源
最近更新 更多