2012-03-04 30 views

cevap

7

Sen kullanabilirsiniz: CSS3 olarak

td { color: black; } 
td:nth-child(2) { color: red; } 
+0

Thisi'leri yeniden kullanabilir. – Smamatti

1

2 tür CSS oluşturmanız gerekir.
Her satır için istediğiniz CSS'yi eklersiniz.

+0

1/Hangi CSS türü? CSS kurallarını mı kastediyorsun? 2/Her bir satırın ilk iki hücresine stil öznitelikleri eklediğinizi mi söylüyorsunuz? HTML'yi CSS'den daha iyi bir şekilde ayırmak mümkün olduğunda (ve buradan da mümkündür) – FelipeAls

+0

tam olarak, bu css daha iyi bir tarayıcı desteği için CSS3 olmaksızın – Ofer

1

Eğer :nth-child() sözde sınıfı kullanabilirsiniz.

8

Bu, CSS3 olmadan mümkündür!

Numune
http://jsfiddle.net/Q3yu5/1/

CSS

tr.special_row td { 
    background-color: #000; 
} 

tr.special_row td + td { 
    background-color: #f00; 
} 

tr.special_row td+td+td { 
    background-color: #fff; 
} 

HTML

<table> 
<tr class="special_row"> 
    <td>1</td> 
    <td>2</td> 
    <td>3</td> 
    <td>4</td> 
</tr> 
<tr> 
    <td>1</td> 
    <td>2</td> 
    <td>3</td> 
    <td>4</td> 
</tr> 
</table> 
+0

+1, bu muhtemelen nth-child'dan daha iyidir. – Qtax

+1

Korkarım ki bu tam olarak @rematnarab'nin aradığı şey değil. Akılda tutmadı, tüm tablo etkilenmemelidir. daha spesifik bir kurala göre düzenlenmiştir. – Smamatti

+0

Sadece bir not: Kodunuzun ** ÖNCEKİ ** versiyonuna ihtiyacım vardı. Yorum günlüğü için +1! –

1

... Bu, bir tablonun belirli bir eylemi değil, tüm tablo etkilenmelidir.

Sonra yararlı olabilir verilen sıranın ilk ve ikinci sütuna farklı stiller uygulayarak:

<style type="text/css"> 
    td.first 
    { 
     background-color: black; 
     color: white; 
    } 
    td.second 
    { 
     background-color: red; 
     color: white; 
    } 
</style> 
<table> 
    <tr> 
     <td class="first">1st row, 1st column</td> 
     <td class="second">1st row, 2nd column</td> 
    </tr> 
    <tr> 
     <td>2nd row, 1st column</td> 
     <td>2nd row, 2nd column</td> 
    </tr> 
</table> 
+0

+1 Whoops. Haklısın! -> 'tüm tablo etkilenmez ' – Smamatti

İlgili konular