1

自分のスタイルをオーバーライドして<p>、クラスの mainbookingleftadditional フォント スタイルを代わりに機能させることはできますか?

コード：

<div class="mainbookingleftadditional"><p>Please inform us of anything you... </p></div>

CSS:

p  {font-size:14px;}

.mainbookingleftadditional {
    float: left;
    width: 228px;
    height: auto;
    padding: 0px 20px 0px 0px;
    font: 8px "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
    color: #FFFFFF;
    text-align: left;
    vertical-align: top;
    clear:both;
}

よろしく、お茶

4

5 に答える 5

2

pevery内の every のプロパティのみを変更するmainbookingleftadditional場合は、次を使用できます。

.mainbookingleftadditional p  {font-size:8px;}

これは、より特異性が高い（より具体的である）pため、通常の定義をオーバーライドします。

特定性は、いくつかの要素が複数の定義を持つ場合に、要素がどの css 定義を使用するかを決定するものです。

編集：

他の回答を見て、そのような場合に !important を使用するのは悪い考えだと付け加える必要があります。

!important は非常に強力なケースであり、他のすべてのオプションが使い果たされた場合にのみ使用する必要があります。

于 2012-11-06T15:58:58.543 に答える
1

inheritfont プロパティに使用して、クラスで定義されたフォント スタイルを使用するようにしますmainbookingleftadditional。

p {
   font: inherit;
}
于 2012-11-06T15:56:32.810 に答える
0

あなたがする必要があるのはp {font-size:14px;}、子ノードで指定されたスタイルが親スタイルよりも優先されるため、削除するか、にmainbookingleftadditionalクラスを追加することpです。

 <div class="mainbookingleftadditional"><p class="mainbookingleftadditional">Please inform us of anything you... </p></div>

このJsFiddleを参照してください

于 2012-11-06T16:03:57.327 に答える
-1 
.mainbookingleftadditional p {
    font:inherit;
    }

また、段落の上部のマージンを削除する場合:

.mainbookingleftadditional p:first-child {
    margin-top:0;
    padding-top:0;
    }
于 2012-11-06T15:58:24.207 に答える
-1

はい、スタイルの最後に !important を追加するだけです。

p  {font-size:14px !important;}
于 2012-11-06T15:55:46.573 に答える