CSS优先

前端之家收集整理的这篇文章主要介绍了CSS优先前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我的网页包含:
<link href="/Content/Site.css" rel="stylesheet" type="text/css" />
<style type="text/css">
td {
    padding-left:10px;
} 
</style>

引用的样式表包含:

.rightColumn * {margin: 0; padding: 0;}

我有一个右栏中的表,我希望单元格有一个填充。但是,引用的样式表优先于内联样式。我在视觉上也看到了,也是通过Firebug。如果我在Firebug中关闭填充:0指令,则填充左边生效。

我该如何让padding-left工作?

解决方法

正如其他人所说,你有一个特殊的问题。当确定两个规则中哪一个应该优先时,CSS引擎计算每个选择器中#ids的数量。如果有一个比另一个更多,它被使用。否则,它会以相同的方式继续比较.classes和标签。在这里,您有一个类的样式表规则,但不是内联规则,所以样式表优先。

你可以重写这个!重要的,但这是一个非常大的锤子在这里使用。你最好提高内联规则的特殊性。根据你的描述,听起来你的.rightColumn元素是或者包含一个表,你希望该表中的单元格有更多的间距?如果是这样,您要查找的选择器是“.rightColumn td”,它比样式表规则更具体,并将优先。

原文链接:https://www.f2er.com/css/220005.html

猜你在找的CSS相关文章