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:
CssCss-SeçicilerCss-selectors

AYNI ETİKETTEKİ VİDEOLAR

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • CNNMoney

    CNNMoney

    16 Kasım 2006
  • Helen Bradley

    Helen Bradle

    4 Mart 2008
  • TomOdellVEVO

    TomOdellVEVO

    29 Mayıs 2012

İLGİLİ SORU / CEVAPLAR

İLGİLİ BAĞLANTILAR