SORU
10 Mart 2009, Salı


Alt öğeleri için CSS Stili uygulamak

Sadece belirli bir sınıf ile bir DİV içinde tablo: stilleri uygulamak istiyorum

Not: yerine css-seçici için çocuk öğeleri. bir kullanırdım

Neden #1 çalışır ve #2 bakmıyor mu?

1:

div.test th, div.test td, div.test caption {padding:40px 100px 40px 50px;}

2:

div.test th, td, caption {padding:40px 100px 40px 50px;}

HTML:

<html>
    <head>
        <style>
            div.test > th, td, caption {padding:40px 100px 40px 50px;}
        </style>
    </head>
    <body>
        <div>
            <table border="2">
                <tr><td>some</td></tr>
                <tr><td>data</td></tr>
                <tr><td>here</td></tr>
            </table>
        </div>
        <div class="test">
            <table  border="2">
                <tr><td>some</td></tr>
                <tr><td>data</td></tr>
                <tr><td>here</td></tr>
            </table>
        </div>
    </body>
</html>

Neyi yanlış yapıyorum?

CEVAP
10 Mart 2009, Salı


Bu kodu "div.test th, td, caption {padding:40px 100px 40px 50px;}" a sınıfı test adlı div bir öğe yer alır th tüm öğeler için bir kural geçerlidir ayrıcatümtd elementler vetümcaption elementler.

Aynı şey değil "td, th test sınıfı div bir öğe yer alır caption elementler". Senin seçiciler değiştirmek gerekir bunu başarmak için:

'18* *' tam bazı eski tarayıcılar (sana bakıyorum, Internet Explorer) tarafından desteklenen değil.

div.test th,
div.test td,
div.test caption {
    padding: 40px 100px 40px 50px;
}

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • 3dmmfavs

    3dmmfavs

    29 Kasım 2009
  • Bogdan Gabriel

    Bogdan Gabri

    5 Aralık 2006
  • psidot

    psidot

    2 Kasım 2006