CSS继承和覆盖它

Question

我是 CSS 新手。我创建了一个 Drupal 站点并使用了这个主题。

我有一些我想要主题化的面包屑内容。如果我进入 Firebug 并关闭 CSS 属性

background
border-color
border-style

在下面的代码中

.breadcrumbs .inner {
    background: none repeat scroll 0 0 #EFEFEF;
    border-color: #929292 #E2E2E2 #FFFFFF;
    border-style: solid;
    border-width: 1px;
    color: #8E8E8E;
}

我得到的文本完全符合我的要求。

如果我现在进入继承代码的 style.css 并发布

.breadcrumbs .inner {
    border-width: 1px;
    color: #8E8E8E;
}

我不想要的格式被保留。如果我在 style.css 中指定 .breadcrumbs .inner 是否不会再次设置它并覆盖级联更高层指定的内容？

如果不是这种情况，我该如何在不更改其他样式表的情况下停止继承？

谢谢，

安德鲁

附加信息

这是我目前的情况

这就是我想要的

Answer 1

您覆盖的 CSS 不会替换您要更改的 3 种样式，因此会保留原始样式。您可能想要做的是让您的 style.css 设置如下:

.breadcrumbs .inner {
    background: none;
    border-color: transparent;
    border-style: none;
}