Birincisi dışında 'tr' tümünü seç

trİlk hariç tüm öğeleri nasıl seçebilirimtrCSS içeren bir tabloda ?

Bu yöntemi kullanmayı denedim , ancak işe yaramadı.

İlkine trveya sonrasına sınıf ekleyerektr s . Yalnızca CSS ile istediğiniz satırları seçmenin çapraz tarama yolu yoktur.

Ancak, Internet Explorer 6, 7 veya 8'i önemsemiyorsanız:

tr:not(:first-child) {
    color: red;
}

IE7 ve üstü tarafından desteklenen kardeş birleştiricilerin kullanımından hiç kimsenin bahsetmediğine şaşırdım:

tr + tr /* CSS2, adjacent sibling */
tr ~ tr /* CSS3, general sibling */

Her ikisi de (HTML tabloları bağlamında) tam olarak aynı şekilde çalışır:

tr:not(:first-child)

ideal çözüm ancak IE'de desteklenmiyor

tr:not(:first-child) {css}

İkinci çözüm tüm tr'leri biçimlendirmek ve daha sonra ilk çocuk için css ile geçersiz kılmak olacaktır:

tr {css}
tr:first-child {override css above}

bahsettiğiniz 'ilk satır' gibi görünüyor, tablo başlığınızdır - bu nedenle, gerçekten daha iyi bir işaretleme (anlamsal olarak doğru, ekran okuyucular gibi şeyler için yararlı olacak şekilde kullanmayı theadve tbodyişaretlemenizi ( buraya tıklayın ) düşünmelisiniz. ) ve css seçimi için daha kolay, tarayıcılar arası kolay olanaklar ( table thead ... { ... })

Sorunun zaten iyi bir cevabı olmasına rağmen, :first-childetiketin çocukları temsil eden öğe türüne gittiğini vurgulamak istiyorum .

Örneğin, kodda:

<div id"someDiv">
     <input id="someInput1" /> 
     <input id="someInput2" />
     <input id="someInput2" />
</div

Eğer marjlı sadece ikinci iki unsuru etkilemek istiyorsanız, ancak ilkini etkilemiyorsanız, şunları yaparsınız:

#someDiv > input {
     margin-top: 20px;
}
#someDiv > input:first-child{
     margin-top: 0px;
}

yani inputs çocuklar first-childolduğu için seçicinin giriş kısmına yerleştirirsiniz.

Üzgünüm, bu eski olduğunu biliyorum ama neden tüm tr öğeleri ilk ve psuedo sınıfının kullanımı dışında tüm istediğiniz gibi stil olmasın: tüm tr öğeleri için belirttiğiniz şeyi iptal ettiğiniz ilk çocuk.

Bu örnekle daha iyi tanımlanmıştır:

http://jsfiddle.net/DWTr7/1/

tr {
    border-top: 1px solid;
}
tr:first-child {
    border-top: none;   
}

/ Patrik

Yana tr:not(:first-child)IE 6, 7, 8. tarafından desteklenmeyen jQuery'ye yardımını kullanabilirsiniz. Burada bulabilirsiniz

Başka seçenek:

tr:nth-child(n + 2) {
    /* properties */
}

Birisi faydalanabilir, aşağıda kullandığım şey

ol li:not(:first-child) {
    background: black;
    color: white;
}

Ayrıca CSS'nizde şu şekilde bir sözde sınıf seçici kullanabilirsiniz:

.desc:not(:first-child) {
    display: none;
}

Bu, sınıfı .desc sınıfındaki ilk öğeye uygulamaz.

İşte bir örnek ile bir JSFiddle: http://jsfiddle.net/YYTFT/ ve bu sözde sınıf seçicileri açıklamak için iyi bir kaynaktır: http://css-tricks.com/pseudo-class-selectors/

Bir sınıf oluşturabilir ve geleceğinizin CSS tarafından seçilmesini istediğiniz (veya istemediğiniz) tüm öğeleri tanımladığınızda sınıfı kullanabilirsiniz.

Bu yazı ile yapılır

<tr class="unselected">

ve sonra css'inizde satırlara sahip (ve örnek olarak text-align komutunu kullanarak):

unselected {
  text-align:center;
}



selected {
  text-align:right;
}