1

次のHTMLコードがあります。

<div class="part">
    <div class="pleft">
        <img src="images/1.jpg">
        <b>Image 1</b>
    </div>
    <div class="pright">
        <img src="images/2.jpg">
        <b>Image 2</b>
    </div>
</div>

pleftおよびprightの下の image および b 要素に CSS スタイルを適用するにはどうすればよいですか。

今、私は次の方法でそれをやっています、

<div class="part">
    <div class="pleft">
        <img class="pl1" src="images/1.jpg">
        <b class="pl2">Image 1</b>
    </div>
    <div class="pright">
        <img class="pr1" src="images/2.jpg">
        <b class="pr2">Image 2</b>
    </div>
</div>

何か手っ取り早い方法はないか考えてみました。div prightとpleftはかなり長く実行されるため、それぞれに新しいクラスを定義したくありません。

あなたの助けに感謝。よろしく。

4

3 に答える 3

0

あなたのCSSはこのようになります

.pleft {//your css}
.pleft img {//your css}
.pleft b {//your css}

.pright{//your css}
.pright img{//your css}
.pright b{//your css}
于 2013-04-25T09:06:51.077 に答える
0

私の CSS は最強ではありませんが、2 回再定義することなく pleft と pleft を定義する方法を尋ねていると思います。

だからここに私がそれをする方法があります。

.pleft,.pright{ ADD ALL COMMON CSS HERE}
.pleft{ Difference }
.pright{ Difference }

サブ要素にも同じことを適用できます

.pleft .pr1,.pright .pr1{ADD ALL COMMON CSS HERE}
.pleft .pr1{ Difference }
.pright .pr1{ Difference }

または、次のようなことができます

.pleft img,.pright img{ADD ALL COMMON CSS HERE}
.pleft img{ Difference }
.pright img{ Difference }

お役に立てれば

于 2013-04-25T09:10:08.850 に答える
0 
.pleft img, .pright img {

   //your CSS for image
}

.pleft b, .pright b {

   //your CSS for b element
}

それを使用すると、他のクラスを追加する必要はありません。

于 2013-04-25T09:01:09.740 に答える