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。它正在被另一家公司申请。

谢谢！

score 1 · Accepted Answer

您可以将 !important 添加到您不想被覆盖的 CSS 规则中。因此，如果您想覆盖 #jobcopy p 中的边距，您必须执行以下操作：

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

1 回答 1