0

HTML:

<div id="e_ticket_info" class="e_ticket_font" runat="server" Visible="False">
    <p>
      Some text.
    </p>
</div>

CSS:

.e_ticket_font {
    font-weight: normal;
}

HTML コードは、マスター ページ内のコンテンツ ページにあります。

問題は、テキストが太字になっていることですが、そうであってはなりません。

どうすればそれを取り除くことができますか？

4

5 に答える 5

4

試す

.e_ticket_font p {
    font-weight: normal;
}

pタグをターゲットにしていないためです。

于 2013-10-02T07:40:48.207 に答える
2

ディペッシュの答えは正しいです。少しだけ説明を加えます。CSS はカスケード スタイル シートです。つまり、任意の要素/クラス/ID のスタイルを複数の場所で指定し、それらが含まれている順序で適用できます。あなたの場合、スニペットでは太字にならないため、他のスタイルがあなたのスタイルをオーバーライドして太字にしているようです。

これを考慮して、一般的なベスト プラクティスとして、そのクラスが別の場所でスタイル設定されるかどうかわからない場合は、常に特定の要素をターゲットにします。

したがって、.e_ticket_font p {...よりも好ましいです.e_ticket_font {...。複数の段落があり、それらの一部だけを変更したい場合は、クラス/ID を次のように使用します。

.e_ticket_font p#heading {...
.e_ticket_font p#content {...
.e_ticket_font p.specialpara {

等々。

それを確認するもう 1 つの方法は、その要素に css インラインを適用することですが、これは「構造はプレゼンテーションよりも分離する必要がある」という原則に影響を与えるため、多くの要素に対して寛大に使用しないでください。

于 2013-10-02T07:54:31.000 に答える
0

または (それぞれ) .e_ticket_font の下の要素:

.e_ticket_font * {
  font-weight: normal; 
}

DOM が暴走した場合に備えて、まれに !important を使用することをお勧めします

しかし、セレクターの詳細に注意してください..オブジェクトをディレクタのように記述するcssセレクターがある場合...

.e_ticket_info#e_ticket_info { 
  font-weight: bold;
}

...css は特権付きでそれを選択します!

于 2013-10-02T07:45:08.860 に答える