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

标签 css

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

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

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

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

最佳答案

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

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

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

关于CSS 样式 - 覆盖背景如何工作?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8080205/

相关文章:

html - 类似边界的过渡导致内容移动

css - 如何在文本后添加虚线?

html - 只有 SCSS 的打字机效果(宽度动画)

html - 为什么我的固定元素会移动到整个屏幕的右侧而不是其父元素的右侧?

jQuery .css() 单击根据条件更改颜色

internet-explorer - PIE.htc - 位置正确但在 IE 中仍然没有 CSS3 效果

javascript - 在菜单中的当前页面上设置 CSS 类

html - 在 Windows8-Arm 上禁用 IE11 中的所有页面缩放

html - 无法更改网页字体

javascript - BxSlider - 每张幻灯片的自定义下一步按钮