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

  • Elliot Davin

    Elliot Davin

    28 Kasım 2008
  • MagicofRahat

    MagicofRahat

    13 Temmuz 2007
  • pleated-jeans

    pleated-jean

    6 HAZİRAN 2013