CSS 样式 - 覆盖背景如何工作？

Question

有一堆标题听起来很相关的问题，但我没有看到我对这个问题的回答，以防有人检查(不过请随意留下引用!)。

这更多是出于缺乏经验...但是如果我有一个全局样式表来设置类 div.rowpic 的 CSS 属性，然后我会这样做:

<div class="rowpic" style="background-image: url('whatever.jpg');"> ... </div>

我能否可靠地期望浏览器使用 div.rowpic 的完整 CSS 规范，但将其背景图像替换为我在此 div 标记中明确声明的样式？

Answer 1

是的，这就是应该发生的事情。

元素中的样式覆盖声明的 CSS 中样式的定义。

样式的每个属性都独立于其他属性应用，因此即使您在具有相同类但仅重新定义部分选择器的那个之后导入另一个 CSS，您仍然会从第一个 CSS 中应用其余的。