< td> öğelerinin tümünü < tr> öğesinin tümünü, sola hizalı olmasını istediğim ilk satır dışında sağa hizalanacak şekilde ayarlamaya çalışıyorum. Bunu denedim: Bu, tüm hücreleri doğru hizalanmış hale getirir. Bu iki sıranın sırasını değiştirirsem, tüm hücreler sola hizalanır. Çok şaşkın. Buna göre, ilk çocuk seçici, yalnızca üst öğenin ilk çocuğuysa, belirtilen seçiciyi seçmek için kullanılır. Bu, benim için gerçekleşiyor gibi görünmüyor.İlk <td> için bir <tr>
17
A
cevap
44
Sözdizimi yanlıştı.
td { text-align: right }; /* This was being applied */
td:first-child { text-align: left }; /* This wasn't.. */
olmalı:
td { text-align: right; }
td:first-child { text-align: left; }
Not Sütünlar - onlar :first-child
düzgün kullandığınız, daha {}
Diğer parantez dışında olmamalıdır. Yapmak istediğiniz şeye bağlı olarak
2
Başka bir seçenek,:
table tr td {
background-color:red;}
table tr td:nth-child(1) {
background-color:green;}
1
td:nth-child(2) { text-align: right; }
Bunu içinde bir satır yapabilirsiniz.
İlgili konular
- 1. Git, <<<<<<< HEAD dosyasına
- 2. Operatörler << sınıfları için biçimlendirmeli misiniz?
- 3. C++ bir dizi için aşırı yüklenme operatörü << nasıl?
- 4. Bir hasMany ilişki</p> <p>ilk öğeyi göstermek gerekir
- 5. Şu izle ifadem tutan bana gösteriyor Şu anda bir</p> <pre><code>Expression<Func<T,bool>> </code></pre> <p>bir</p> <pre><code>Expression<Func<T,object>> </code></pre> <p>dönüştürmek çalışıyorum
- 6. R: Bir vektörden ilk tarihi nasıl alabilirim? <- min (POSIXct_vector)
- 7. Angular2 hizmetinde bir İlk Gözlemlenebilir <T> nasıl oluşturulur
- 8. css: 2 veya <code><thead></code> yılında <code><tr></code> daha varsa <tr>
- 9. dönüştürme İfade İfade için <Func <T, T2, bool>><Func <T2, bool>> T
- 10. unique_ptr <char[]> için unique_ptr <const char []>
- 11. Java, bitshifts kullanırken, neden 1 << 32! = 1 << 31 << 1?
- 12. nedenleri Üzerinde aşağıdaki özellikleri ayarlayın ettik <code><div></code> içinde bir <code><p></code> etiketine sahip
- 13. Bash komut I</p> <pre><code>first second third fourth fifth </code></pre> <p>temelde bir liste ayrılmış olan alanlar veren bir dizge</p> <pre><code>echo $STRING </code></pre> <p>sahip bir dizi
- 14. Perl'de "% _" nedir?</p> <pre><code>@list = grep { !$_{$_}++ } @list; </code></pre> <p>tekilleştirme için bir deyim gibi:
- 15. EJS: <% = versus <% -
- 16. Karşılaştırma (<), çıktı (<<) ve atamak için atanma (=) :: isteğe bağlı
- 17. fare donanım <strong>klavyesi</strong> veya <strong>fare</strong> için <strong>olay aygıt düğümü</strong> bulmak için bir <strong>şaşmaz</strong> yöntemi nedir
- 18. <: <İş nasıl?
- 19. Beklenmeyen belirteç <Özelleştirilen Chrome için Çözüm</ a0> için <a1></ a1> 403 Page
- 20. (<@array>) için efektler (<@array>), efektler (<@array>) için efektler
- 21. "<%:" ne yapıyor?</p> <pre><code><%: Model.FirstName %> </code></pre> <p>"<%:" Ne vermez: do
- 22. C++ söz/gelecek: Bir işlevden ne dönecek?</p> <pre><code>std::shared_ptr<std::promise<void>> play(); </code></pre> <p>(Daha fazla bilgi:
- 23. Bash değişkeninde ilk harfi nasıl alabilirim?</p> <pre><code>word="tiger" </code></pre> <p>Veya:</p> <pre><code>word="This is a sentence." </code></pre> <p>Ben sadece eşittir yeni bir Bash değişkeni nasıl yapabilirim
- 24. WPF DataGrid, benim ilk DataGrid denetimi oluşturduk</p> <p>... yerine dize metni
- 25. Nedir? ve << demek?
- 26. V1 <u8> için bir & [u16]
- 27. <code>React.createElement</code> için <code>JSX</code> dönüştürmek için bir araç bulmak için JSX
- 28. Sözlük <> bir IEnumerable <> kaynağı ile doldurma</ a0><a1></ a1>
- 29. nasıl</em></strong> çince karakterler</em></strong> hanyu pinyin için <strong><em>den <strong><em>dönüştürmek için
- 30. İçindeki eleman sayısı <5 in <a1 <0</ a1><T>
Çok teşekkür ederim, bu gereksiz yarı-kolonları çıkardıktan sonra mükemmel çalışır. – Gargoyle
@Gargoyle Memnun yardımcı oldu. –
, rowspan ile td varsa, iyi çalışmayacaktır. Bu durumda ikinci bir sütundaki bazı hücreler kural td ile mükemmel şekilde eşleştirilir: ilk çocuk {text-align: left; } –