CSS seçici öğeleri belirli bir sınıf olmaması seçerek yazabilirim?

SORU

2 ŞUBAT 2012, PERŞEMBE

CSS seçici öğeleri belirli bir sınıf olmaması seçerek yazabilirim?

Tüm öğeleri seçer CSS seçici bir kural yazmak istiyorumyokbelirli bir sınıf var. Aşağıdaki HTML verilen örneğin:

<html class="printable">
    <body class="printable">
        <h1 class="printable">Example</h1>
        <nav>
            <!-- Some menu links... -->
        </nav>
        <a href="javascript:void(0)" onclick="javascript:self.print()">Print me!</a>
        <p class="printable">
            This page is super interresting and you should print it!
        </p>
    </body>
</html>

"Bu durumda olan ." Sınıf yazdırılabilir yok tüm öğeleri seçen bir seçici yazmak istiyorum ^em>navvebirelemanları.

Bu mümkün mü?

NOT: bunu kullanmak istiyorum gerçek HTML, daha fazla öğeleri bir sürü olacakyok"sınıf (diğer şekilde yukarıdaki örnekte civarında olduğunun farkındayım). yazdırılabilir var

CEVAP

2 ŞUBAT 2012, PERŞEMBE

Genellikle :not() sözde sınıfı gibi bir sınıf seçici ekleyin:

:not(.printable) {
    /* Styles */
}

Ama eğer iyi bir tarayıcı desteği (:not() desteği yok) IE8 ve eski ihtiyacınız varsa, muhtemelen bu öğeleri için stil kuralları oluşturma daha iyi olursunyapın"sınıf. yazdırılabilir sahip Gerçek biçimlendirme hakkında söylediklerine rağmen mümkün değilse bile, bu kısıtlamaya bir biçimlendirme çalışmak zorunda kalabilirsiniz.

Bunu Paylaş: