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

  • IGN

    IGN

    19 EYLÜL 2006
  • ItZWaffleS420

    ItZWaffleS42

    9 EYLÜL 2011
  • Max Lee

    Max Lee

    18 AĞUSTOS 2006

İLGİLİ SORU / CEVAPLAR

İLGİLİ BAĞLANTILAR