0

まだインライン CSS に慣れていませんが、これが本当に簡単なのか、それとも考えすぎなのか疑問に思っています。

異なるスタイルのコンテナ内で異なる div またはセレクターをスタイルすることは可能ですか?

例えば。コンテナー内にいくつかの div [A、B、C & D] があり、a:link を赤にする必要があり、同じコンテナー内の div E & F を青のように異なるスタイルにする必要があります。次のようなもので達成できますか？

}.main-content-divA a:link, .main-content-divB a:link, .main-content-divC a:link, .main-content-divD a:link,{
color: #ff0000;
text-decoration: none;}

}.main-content-divE a:link, .main-content-divF a,{
color: #00ffff;
text-decoration: none;}

新しいさまざまなスタイルのコンテナー内の複数のセレクターをターゲットとする「プリプロセッサ」は、進むべき道ですか?

4

4 に答える 4

0

クラスだけを使用できない理由はありますか?

<div id="container">
    <div class="typeA">
        <a href="#">Should be #ff0000</a>
    </div>
    <div class="typeA">
        <a href="#">Should be #ff0000</a>
    </div>
    <div class="typeB">
        <a href="#">Should be #0000ff</a>
    </div>
    <div class="typeB">
        <a href="#">Should be #0000ff</a>
    </div>
</div>

と

#container .typeA a:link {
    color: #ff0000;
    text-decoration: none;
}

#container .typeB a:link {
    color: #00ffff;
    text-decoration: none;
}
于 2013-06-07T14:47:42.170 に答える
0

興味深いセレクターがたくさんありますが、これが役立つかもしれません: Tutsplus

X:nth-child(n) (そのリストでは 22 番です) のようなものが必要になると思います。または非常に似ています。

これが役に立てば幸いです、GL。

于 2013-06-07T14:48:16.117 に答える
0 
<div class="main-content">
    <a href="">My Link</a>
</div>
<div class="main-content">
    <a href="">My Link</a>
</div>
<div class="main-content">
    <a href="" class="blue">My Link</a>
</div>
<div class="main-content">
    <a href="" class="blue">My Link</a>
</div>

.main-content a{
   color:#ff0000;
   text-decoration:none;
}
.main-content a.blue{
    color:#00ffff;
}
于 2013-06-07T14:52:40.357 に答える