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

  • dcigs

    dcigs

    9 EYLÜL 2006
  • Elefant Traks

    Elefant Trak

    5 HAZİRAN 2007
  • Peyton

    Peyton

    28 Aralık 2008

İLGİLİ SORU / CEVAPLAR

İLGİLİ BAĞLANTILAR