0

現在のプロパティに新しいクラスを追加する必要があります。

現在、

.class1 .class2{
width:150px;
}
.class1 .class50{
more properties
}
.class1 .class10 .class8 .class5 .class50{
more properties
}

したがって、上記はすべてのページにdivを表示していると言えますが、幅が250pxになるように1ページだけ変更したいと思います。どうすればそれに対応できるかわかりません.クラスの文字列に.newclassを追加しようとしたので、クラス1が表示されている場所ならどこでも.newclassをその行に追加していました(機能しませんでした)

たとえば、前後に ,.newclass を追加しようとしました。

.class1 .class10 .class8 .class5 .class50, .newclass{
more properties
} (didnt work either)

助言がありますか？

サンプルの HTML は次のとおりです。

<div id="class33" class="class34 class35" style="display:none;"> 
    <div class="class7"> 
        <ul class="class33 class1"> 
        </ul>
    </div>
</div>
4

4 に答える 4

0

「、」を使用する別のクラスが必要です。 

.class1, .class2{
width:150px;
}
.class1, .class50{
more properties
}
.class1, .class10, .class8, .class5, .class50{
more properties
}
于 2012-09-27T23:11:59.530 に答える
0

すべての .class の間に , も使用しましたか? .class1、.class2、.class..

また、新しいクラスを作成するか、より高いランクのクラスを使用することを検討できますか?

于 2012-09-27T23:01:47.223 に答える
0

css の意味が分からないと思います。

.class1 .class10 .class8 .class5 .class50, .newclass{
  more properties
}

これは、それが内側にあり、内側にある要素と、クラスを持つ任意の要素にmore properties適用されることを意味します。どこでもオーバーライドしようとしている場合は、以下のすべての子カスケードも複製する必要があります。以下のように:.class50.class5.class10.class1.newclass.class1.class1

.class1 .class10 .class8 .class5 .class50,
.newclass .class10 .class8 .class5 .class50 {
  more properties
}

最終的に、これは 1 ページの外れ値を処理するだけでも悪夢です。(言うまでもなく、これが 1 つのページで発生した場合、間違いなく後でさらに発生します)

要素がページに 1 回だけ出現する場合は、ID を追加してみることをお勧めします。これにより、詳細度が高くなります (したがって、クラス スタイルがオーバーライドされます)。

別の考え: jQuery? サイトですでに JS/jQuery を使用している場合は、そこで処理するだけでかまいません。

$('.class1').each(function () {
  $(this).width(250);
});
于 2012-09-27T23:04:25.523 に答える
0

新しいクラスを作成して、その 1 つのページに適用するだけです。

.newclass
{
  width: 250px;
}

マークアップでは、をオーバーライドするため、2 番目newclassに指定する必要があります。class1

<div class="class1 newclass">
</div>

クラスの<style>タグで特定ごとのオーバーライドを使用することもでき、追加する必要はまったくありません。しかし、これは構造とスタイルの分離に違反していると言う人もいるので、元のマークアップを変更する (クラスを追加する) ことができない場合にのみ使用してください。class1newclassnewclass

<head>
  <style type="text/css">
  .class1
  {
    width: 250px;
  }
  </style>
</head>
于 2012-09-27T23:04:25.593 に答える