Comment faire pour supprimer TD frontières dans le seul premier TR dans le TABLEAU

Je suis le style de table pour mon site. Je veux avoir un tableau où les premières TR n'a pas de frontière, tandis que d'autres TR et de leur TD ont une frontière.
Code: http://jsfiddle.net/azq6xfnr/ ou ici:

.table2 {
    border: 1px solid black;
    border-collapse: collapse;
    text-align: center;
}

.table2 .header {
   background-color: #d8ff93;
   color: #126f06;
   border: 0;
}

.table2 td {
    border: 1px solid #53f673;
    padding: 10px;
}

.table2 tr:not(.header):nth-child(odd) {
    background-color: #3cde53;
}

<table class="table2">
    <tr class="header"><td>Lp.</td><td>Column 1</td><td>Column 2</td></tr>
    <tr><td>1</td><td>Row 1</td><td>Row 1</td></tr>
    <tr><td>2</td><td>Row 2</td><td>Row 2</td></tr>
    <tr><td>3</td><td>Row 3</td><td>Row 3</td></tr>
    <tr><td>4</td><td>Row 4</td><td>Row 4</td></tr>
    <tr><td>5</td><td>Row 5</td><td>Row 5</td></tr>
</table>
InformationsquelleAutor user2209414 | 2014-12-23
  1. 3

    Utiliser le CSS first-child sélecteur. Voici un violon http://jsfiddle.net/r8p061hs/ ou http://jsfiddle.net/r8p061hs/1/

    InformationsquelleAutor Pugazh
  2. 2

    Je pense css pseudo classe :premier enfant pourrait vous aider: http://www.w3schools.com/cssref/sel_firstchild.asp

    InformationsquelleAutor Tomas Turan
  3. 2

    Vous devez supprimer la bordure de votre table, et les cellules de l' .header ligne, pas besoin d'utiliser :first-child ou :first-of-type que vous avez donné à la ligne de la classe header

    Démo De Violon

    .table2 {
    border-collapse: collapse;
    border-spacing:0;
    text-align: center;
    /* remove the border from here */
}
.table2 .header td{
    border:none; /* and from here */
}
    InformationsquelleAutor SW4
  4. 1

    Comme une alternative à d'autres réponses, si votre intention est que la première ligne de style de cette manière à une ligne d'en-tête, vous pourriez aussi envisager d'utiliser le plus sémantiques <thead> regroupement avec <th> éléments, si c'est pratique. Vous pouvez ensuite les classer (conseillé) ou simplement s'appuyer sur les noms de balise (moins souhaitable en raison de sélecteur de performance, mais toujours possible).

    Par les grouper les lignes suivantes dans un <tbody>, vous pouvez également simplifier votre autre ligne de coloration sélecteur, comme vous pourriez être en mesure d'éviter le :not pseudo-sélecteur.

    Exemple ajusté de code:

    <table class="table2">
  <thead class="header">
    <tr><th>Lp.</th><th>Column 1</th><th>Column 2</th></tr>
  </thead>
  <tbody>
    <tr><td>1</td><td>Row 1</td><td>Row 1</td></tr>
    <tr><td>2</td><td>Row 2</td><td>Row 2</td></tr>
    <tr><td>3</td><td>Row 3</td><td>Row 3</td></tr>
    <tr><td>4</td><td>Row 4</td><td>Row 4</td></tr>
    <tr><td>5</td><td>Row 5</td><td>Row 5</td></tr>
  </tbody>
</table>
    InformationsquelleAutor Mike Hopkins