0

さて、私の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;
}

私の主な問題は、テーブル内のpタグに#jobcopyp{}を適用したくないということです。テーブルクラスで10pxなどの一般的なマージンを指定しようとしました。ただし、Chromeのコードを見ると、マークアウトされていることがわかり、＃jobcopyによってコードが無効になっています。

とにかく、このコンテンツを囲むcssを使用しないように特定のセクションに指示することはできますか？もう1つの問題は、＃jobcopycssを制御できないことです。他社から申請中です。

ありがとう！

4

1 に答える 1

1

オーバーライドしたくない CSS ルールに !important を追加できます。したがって、 #jobcopy p のマージンをオーバーライドしたい場合は、次のようにする必要があります。

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

もっと見る：http://css-tricks.com/when-using-important-is-the-right-choice/

于 2012-09-21T14:33:23.063 に答える