0

インクルードファインの一部としてこのdivがあります：

.connier {
      text-align: left;
      padding-top: 5px;
      padding-bottom: 10px;
      padding-left: 10px;
      background-color:#CCC;
}

次のように使用します。

<div id="connier">
  <!--#include virtual="/cover/cover.asp" -->
</div>

しかし、別のページで同じインクルード ファイルを使用したいのですが、今回は背景が透明ですが、同じ背景をレンダリングしています。

これが私が試みたものです

.connier.the_otherbg {
      text-align: left;
      padding-top: 5px;
      padding-bottom: 10px;
      padding-left: 10px;
      background-color:transparent;
}

<div class="the_otherbg">
  <!--#include virtual="/cover/rents.asp" -->
</div>

私は何を間違っていますか？

事前にどうもありがとう

4

3 に答える 3

4

CSS を次のように変更します。

.the_otherbg {
      background-color:transparent;
}

の後に定義されていることを確認し.connierます。また、div に両方のクラスがあることを確認する必要があります。

<div class="connier the_otherbg">
  <!--#include virtual="/cover/rents.asp" -->
</div>

the_otherbgdiv が への変更を継承するように、このようにしconnierます。それらの間の違いだけを定義してください。将来、何かを変更する必要がある場合は、1 か所で行うだけで済みます。

デモ: http://jsfiddle.net/CF88G/

于 2012-05-08T23:50:13.710 に答える
4

あなたがすべきことはこれだけだと思います：

.connier {
      text-align: left;
      padding-top: 5px;
      padding-bottom: 10px;
      padding-left: 10px;
      background-color:#CCC;
}

.transparent
{
    background-color: transparent!important;
}

CASCADING スタイル シート (CSS) を使用していることを思い出してください。そのため、透明なクラスが他のクラスの下にあることが重要です。

また、「class=」属性が div で使用されていることにも注意してください。「id」を使用して一部の css を div にバインドするには、クラスは「#myDivId」のようにする必要があります (私の意見では、これはあまり使用できません)。

通常の div の場合:

<div class="connier"></div>

他の div の使用: (div には同時に 2 つのクラスがあります)

<div class="connier transparent"></div>

このようにして、CSS をより使いやすく保守しやすくすることができます。

これで少し解決したことを願っています

于 2012-05-08T23:49:49.893 に答える
1

classセレクターを使用して、その でマークされた div をターゲットにしている場合、最初のものがどのように機能するかを知りたいのですがID、気にしないでください。

2 番目のセレクターは、 と の両方のクラスを持つ要素をターゲットにしていconnierますthe_otherbgが、ターゲットにしたい要素には しかありませんthe_otherbg。.connierセレクターから を削除してみてください。

于 2012-05-08T23:47:33.837 に答える