是否可以在后续文件中删除CSS样式？

我知道在CSS中，您设置的样式将覆盖以前加载的样式表中该样式的设置。是否可以在后续文件中删除CSS样式？

但是有没有办法去删除一个风格，在以前加载的样式表中设置？例如，假设我有bootstrap在我的项目，其中有这样的风格：

.tab-content { 
    overflow: auto; 
}

而且这种风格会引起一些不良的影响，所以我想摆脱它。我当然可以在我自己的样式表中将它设置为一些理想的值，但是我宁愿如果它简直就像那种风格永远不存在。

来源

2013-03-28 Eric

没有办法删除 CSS规则或先前的样式表（或实际上在同一个样式表）设置属性，但你可以使用样式自己的覆盖这些。

这些必须出现在原始规则之后（在选择器具有相同特征的情况下，请参阅CSS Specificity: Things You Should Know）或比上述规则具有更高的特异性。

对于示例 -

.tab-content { 
    overflow: auto; 
} 
... 

.tab-content { 
    overflow: inherit; 
}

会的工作，但是 -

#foo.tab-content { 
    overflow: auto; 
} 
... 

.tab-content { 
    overflow: inherit; 
}

不会被覆盖和原来的汽车价值会站。如果你想了解特异性，那么Keegan街的Specificity Calculator很值得在阅读上述文章后进行试验。

如果您可以删除原来的规则，并且在其他地方不需要，那么总是最好摆脱它，而不是简单地使用新的替换值，但假设它被用于网站中的其他地方或第三方的一部分内容（如自举），你不能或不想改变，那么你可以将它重置为默认值或期望值。在“溢出”的情况下，默认值是“可见”（见https://developer.mozilla.org/en-US/docs/CSS/overflow）。如果规则只在您的内容中需要，那么您可能希望将其包含在选择器中以避免影响页面/站点的其他部分 -

#your-container .tab-content { 
    overflow: visible; 
}

来源

2013-03-31 16:44:11 pwdst

我不太了解CSS，但是当我写这个问题时，解决方案发生在我身上。通过简单地将我的后续CSS文件中的样式设置为inherit，我可以模拟默认行为，以便从未设置样式。

.tab-content { 
    overflow: inherit; 
}

来源

2013-03-28 14:57:52 Eric

是否可以在后续文件中删除CSS样式？

回答

相关问题