html - 如何在包装类的 css 上使用内联 css 或完全使用另一个类？

Question

好的，所以在我的 Chrome 开发者工具中，我正在检查一些覆盖我的 p 标签样式的 css 规则。

下面的 css 规则覆盖了我的内部内容规则。

media="screen"
#jobcopy p {
    color: black;
    margin: 0;
    min-height: 13px;
    _height: 13px;
}

所以 html 看起来像这样。

<div id="jobcopy">
    <table class="myclass">
        <p></p>
    </table>
</div>

我的 CSS 类:

media="screen"
.myclass p {
    margin:10px;
}

我的主要问题是我不希望将#jobcopy p {} 应用于表中的任何 p 标记。我试图在我的表格类中指定一个通用边距，比如 10px。但是，当我查看 chrome 中的代码时，它显示它被标记出来并且 #jobcopy 否决了它。

我是否可以告诉特定部分不要使用此内容周围的 css。另一个问题是我无法控制#jobcopy css。它正在被另一家公司申请。

谢谢!

Answer 1

您可以将 !important 添加到您不想被覆盖的 CSS 规则中。所以如果你想覆盖 #jobcopy p 中的边距，你必须这样做:

.myclass p {
    margin:10px !important;
}

查看更多:http://css-tricks.com/when-using-important-is-the-right-choice/