1

在一个页面中，我使用带有自己的样式表的标签条。此标签条使用 div 和锚点编写。

我将其他一些 div 添加到选项卡中，但它们从外部标签条继承样式表。这个新的 div 有自己的 CSS 类。

这是我的问题，有没有办法在不改变 css 结构的情况下打破这种继承？

标签的 CSS 样式：

div.tabs {
    padding: .5em;
}
div.tabs div.tabs {
    padding: 0;
}
div.tabs div.tabs div {
    clear: left;
    height: 4em;
    padding: .5em;
    border: 1px solid #003366;
}

新添加的 div 使用此类：

.graphTextItem{ font-family:sans-serif; font-size:12px; border: solid 1px #78ACFF; text-align:center; width:150px; }
.graphImageItem{ border-left: solid 1px #78ACFF; border-right: solid 1px #78ACFF; text-align:center; height:70px; }
4

4 回答 4

4

您总是可以尝试为每个嵌套级别而不是所有 div 使用不同的元素：

<div>
   <ul>
      <li></li>
   </ul>
</div>

在上面的示例中，您可以设置, 以及任何您想要的样式div，ul并且可以单独定位它们以应用样式规则。li继承不会有问题。

于 2009-04-15T01:09:02.840 回答
2

覆盖您不需要在最具体的类中继承的每个元素。

例如在 .graphTextItem 中，覆盖高度和填充。

于 2009-04-14T12:35:45.570 回答
2

并不真地。继承是 CSS 的一部分。如果您想要一个特定的值，请指定它。

于 2009-04-14T12:37:07.547 回答
0

通过从此样式表中删除div解决了我的问题：

div.tabs div.tabs {
    clear: left;
    height: 4em;
    padding: .5em;
    border: 1px solid #003366;
}

但我还是想知道有没有办法？

于 2009-04-14T12:42:15.617 回答