Html 如何在包装类的css之上使用内联css,还是完全使用另一个类?

Html 如何在包装类的css之上使用内联css,还是完全使用另一个类?,html,css,Html,Css,好的,在我的Chrome开发者工具中,我检查了一些覆盖我的p标签样式的css规则 下面的css规则覆盖了我的内部内容规则 media="screen" #jobcopy p { color: black; margin: 0; min-height: 13px; _height: 13px; } 所以html看起来像这样 <div id="jobcopy"> <table class="myclass"> <

好的,在我的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>
我的主要问题是,我不希望将#jobcopy p{}应用于表中的任何p标记。我试图在我的表中指定一个通用的边距,比如10px。然而,当我在chrome中查看代码时,它显示它被标记出来,而#jobcopy否决了它

我是否需要告诉某个特定部分不要使用围绕此内容的css。另一个问题是我无法控制jobcopy css。它正在被另一家公司应用


谢谢

您可以添加!对于CSS规则很重要,您不希望被覆盖。因此,如果要覆盖#jobcopy p中的边距,必须执行以下操作:

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

查看更多信息:

您是否尝试过使用
!重要信息
在某些元素上,以避免样式在工作表下方被覆盖(或在您无法控制的样式中)?好的,太棒了!这解决了我的问题。现在我的另一个问题在于,我希望整个表的行为就像没有完全指定边距属性一样。我的理由是,当我取消选中css规则的边距:0;我的整个表看起来就像它应该的那样。您可以将表中所有内容的默认值设置为0-尝试以下操作:.tableclass{margin:0!重要;padding:0!重要;}和.tableclass tr{margin:0!重要;padding:0!重要;}和.tableclass tr{margin:0!重要;padding:0!重要;}。现在,表中的所有内容都应该没有边距或填充。(tableclass是您要设置样式的表的类)我确实尝试过这样做,但是没有解决它。我发现原来的布局有p个标签,底部边距为14px,顶部边距为14px,或者更确切地说是以这种方式出现的。基本上当我去掉边距时:0;从作业复制开始,将所有内容适当隔开。对我来说,实现相同外观的唯一方法是添加页边顶部和页边底部,经过反复试验,我发现它是14px。在我们的网站上,文档看起来是正确的,根本不需要修改。我猜这家公司还有其他业务。!重要的是关键,尽管我错过了。
.myclass p {
    margin:10px !important;
}