CSS: éléments indenter entre x et y

Question

Jetez un oeil à ce JS Fiddle:

http://jsfiddle.net/LJLTX/3/

Ce que je veux faire est tiret le contenu de chaque ligne entre la 2ème ligne et la dernière rangée. Dans ce cas, ce serait les 3e, 4e et 5e rangées.

Comment puis-je accomplir cela en CSS?

Answer 1

Voici violon correct pour que: http://jsfiddle.net/DmcEB/2/

Answer 2

Vous pouvez le faire avec JQuery:

$('.geniusPicks tr>td').slice(1,5).addClass('indent') 

I ajouté le tiret classe:

http://jsfiddle.net/DmcEB/1/

Answer 3

Si vous pouvez compter sur le visiteur ayant un navigateur moderne, vous pouvez utiliser:

td { 
    padding-left: 20px;  // or whatever distance you need 
} 
tr:nth-child(2) td, 
tr:last-child td { 
    padding-left: 0; 
} 

Mais cela ne fonctionne pas dans les anciennes versions de IE (je ne suis pas e ême sûr de IE8) afin de répondre que vous pourriez donner à la première ligne réelle (et non la ligne d'en-tête) et la dernière ligne de la table une classe et de l'utilisation:

td { 
    padding-left: 20px;  // or whatever distance you need 
} 
.first_real_row_class td, 
.last_row_class td { 
    padding-left: 0; 
}