Bir satır bir css sınıfı vermek istiyorum ve ilk sütun siyah ve ikinci sütun kırmızı yapmak istiyorum. Colgroup'u kullanmak istemiyorum çünkü bu belirli bir eylemdir, tüm tablo etkilenmemelidir. Teşekkürler.Satır siyah ve ikinci sütun kırmızı ilk sütun nasıl yapılır
cevap
Sen kullanabilirsiniz: CSS3 olarak
td { color: black; }
td:nth-child(2) { color: red; }
Thisi'leri yeniden kullanabilir. – Smamatti
2 tür CSS oluşturmanız gerekir.
Her satır için istediğiniz CSS'yi eklersiniz.
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
tam olarak, bu css daha iyi bir tarayıcı desteği için CSS3 olmaksızın – Ofer
Eğer :nth-child()
sözde sınıfı kullanabilirsiniz.
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>
+1, bu muhtemelen nth-child'dan daha iyidir. – Qtax
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
Sadece bir not: Kodunuzun ** ÖNCEKİ ** versiyonuna ihtiyacım vardı. Yorum günlüğü için +1! –
Sonra yararlı olabilir verilen sıranın ilk ve ikinci sütuna farklı stiller uygulayarak:... Bu, bir tablonun belirli bir eylemi değil, tüm tablo etkilenmelidir.
<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>
+1 Whoops. Haklısın! -> 'tüm tablo etkilenmez ' – Smamatti
- 1. QSplitter: İkinci sütun nasıl daha küçük yapılır?
- 2. jQuery DataTables baştaki iki satır: ilk satır sütun adları ve sıralama, ikinci satır filtreleme
- 3. satır ve sütun indisleri
- 4. o satır ve sütun
- 5. AdvancedDataGrid ilk sütun sıralaması
- 6. pandalar to_csv ilk ekstra sütun kaldır, nasıl yapılır?
- 7. Sütun ve satır vektörlerini Numpy
- 8. İlk sütuna göre MySQL siparişi, ikinci sütun tarafından sıralı
- 9. Bash: İlk 4 sütun
- 10. İlk tablodan seçme sorgusu için ikinci tablonun iki girişini iki sütun olarak nasıl yapılır?
- 11. jquery satır son sütun
- 12. Flexdashboard'ta satır ve sütun yerleşimi nasıl birleştirilir?
- 13. Tensorflow'da sütun toplamı nasıl yapılır?
- 14. R azalt satır ve sütun değerlerin toplamı
- 15. Sütun ve hesaplanan sütun nasıl değiştirilir
- 16. Twig ile İki Sütun Tablo Nasıl Yapılır?
- 17. 3 sütun, esnek genişlikli orta sütun
- 18. Jumper Satır Açıklığı ve Sütun Açıklığı
- 19. Oracle genel toplam sütun ve satır
- 20. Numol minimum (satır, sütun) biçiminde
- 21. CSV Python sütun/satır ortalamaları
- 22. Sütun
- 23. MySQL: Seç satır sütun listesindeki
- 24. Çubuk pozisyonundan satır/sütun nasıl hesaplanır?
- 25. Sütun adlarının bir listesiyle toplama nasıl yapılır
- 26. R: Matrisin gerçek öğelerinin satır ve sütun adlarını nasıl alırsınız?
- 27. Matlab: Her satır ya da sütun Örneğin
- 28. Bir SQL deyiminde iki sütun nasıl yapılır
- 29. Satır vektörü, özde sütun vektörüne nasıl dönüştürülür?
- 30. WPF Izgarasına nasıl satır/sütun eklersiniz?
sadece her hücreye CSS ile bir sınıf ve stil veremez misiniz? – AlexKempton