Question

<div id='one' class="one">1</div>

因此，上面的div具有一个类和ID。我在标题部分添加了内联样式：

<style>#one {color: red;}</style>

在style.css文件中，我具有以下代码：

#one.one {color: blue;}

div中文本的颜色显示为蓝色。这是为什么？我的印象是，内联样式具有最高的特异性。

Answer 1

内联样式是html内联样式，如下所示：

<div id='one' class="one" style="color: red">1</div>

#one.one {color: blue;}

如果您在<div id='one' class="one" style="color:red">1</div>标签中添加样式，则该样式就像在css文件中一样，因此它是最后找到的应用

Answer 2

内联样式意味着将样式放入element标签中。试试这个。

service cloud.firestore {
  match /databases/{database}/documents {
    match /<some_path>/ {
      allow read, write: if <some_condition>;
    }
  }
}

Answer 3

CSS代表层叠样式表。这意味着它是“级联”或被设计为要写入的最后一件事。

如果脚本中的最后一种颜色是红色，则它将是红色。

具有内联样式的CSS特异性

3 个答案: