Merhaba arkadaşlar benim divlere bir çift için özel bir sınıf ekleyerek bir sorunu var. Benim düzeni böyledir.

<div class="container">
    <div class="grid-6 push-3 equal" style="height: 999px;">
        <div class="block">
            <div id="mainbody"> 
                <!-- Body content here --> 
            </div>
        </div>
    </div>

    <div class="grid-2 equal" style="height: 999px;">
        <div class="block">
            <div id="sidebar-a"> 
                <!-- Sidebar-a content here --> 
            </div>
        </div>
    </div>

    <div class="grid-2 equal" style="height: 999px;">
        <div class="block">
            <div id="sidebar-b"> 
                <!-- Sidebar-b content here --> 
            </div>
        </div>
    </div>

    <div class="grid-2 equal" style="height: 999px;">
        <div class="block">
            <div id="sidebar-c"> 
                <!-- Sidebar-c content here --> 
            </div>
        </div>
    </div>
</div>

Ben gibi kod zaman ben CSS ile benim kenar çubuklarının her biri için farklı bir arka plan rengi eklemek istiyorum ve:

#mainbody { background : #fff; }
#sidebar-a { background : #eee; }
#sidebar-b { background : #ddd; }
#sidebar-c { background : #ccc; }

Bu sadece belirli bir sınıfın, arka plan uygulamak ancak belirli sınıf eşit yükseklikte değil. Ben aslında bu <div class="grid-2 equal" style="height: 999px;"> div uygulamak gerekir.

Şimdi sorun olduğunu bu

<div class="grid-6 push-3 equal" style="height: 999px;"> ve <div class="grid-2 equal" style="height: 999px;">

sınıf isimleri grid-6 ve grid-2 Benim 960 Izgara Sistemi PHP ve aynı zamanda style="height: 999px; Eşit-Kolonların için bir jQuery komut dosyası tarafından oluşturulan tarafından dinamik oluşturulur.

İstediğim bir div bir class bir {[sahip olan .equal in ile arayın ...... bu gibi benzersiz bir sınıf adı eklemek için (3)]} a class ayrıca bir child div, bir ID] [(8) ile olan {of] [(5) ve {} ve hangi }.

DOĞRU sonra ana div vardır hangi bir class .sidebar-a ilave edin IF class .equal arasında

Sonuç bu gibi görünüyor, böylece:

<div class="grid-6 equal push-3 mainbody" style="height: 999px;">
<div class="grid-2 equal sidebar-a" style="height: 999px;">
<div class="grid-2 equal sidebar-b" style="height: 999px;">
<div class="grid-2 equal sidebar-c" style="height: 999px;">

Sonra bu gibi stil mümkün olacak:

.mainbody { background : #fff; }
.sidebar-a { background : #eee; }
.sidebar-b { background : #ddd; }
.sidebar-c { background : #ccc; }

Ben zaten benim Template jQuery kullanıyorum çünkü Dolayısıyla ben düşündüm, neden bu konuyla ilgilenmesi için kullanmayın. Aklınızda başka bir şey varsa, iyi bir yol önermek için çekinmeyin.