Zebra-styling my table rows

Question

I have a problem with zebra-style tables. I need only my content to be in that zebra style (black and white lines) not the things above it (zebra patern needs to start UNDER "present dans domaine, second and third table"

www.jsfiddle.net/1k0oet48/

Toan Lu · Accepted Answer

Just add some classes to the table and you can select it correctly.

body, nav ul  {
  margin: 0;
  padding: 0;
  list-style: none;
}

nav {    
  display: inline-block;
  position: fixed;
  width: 100%;
  text-align: center;
  background-color: #111;
  vertical-align: top;
  top: -1px;
  opacity: 0.15;
  transition: 0.6s;
}

nav:hover {
	opacity: 1;
	transition: 0.01s;
	background-color: #111;
	transition: 0.3s;
	
}

.nav a {
  display: block; 
  background: #111; 
  color: #fff;
  text-decoration: none;
  padding: 0.7em 1.7em;
  text-transform: uppercase;
  font-size: 85%;
  letter-spacing: 3px;
  position: relative;
}

.nav{  
  vertical-align: top; 
  display: inline-block;
}

.nav li {
  position: relative;
}

.nav > li { 
  float: left; 
  margin-right: 1px; 
} 

.nav li:hover > a { 
  transition: 0.3s;
  background-color:#302f2f;
  color: #40d23b; 
}

 .nav ul {
  position: absolute;
  white-space: nowrap;
  z-index: 1;
  left: -99999em;
  background-color: #000;
  border: 1px solid #81D4FA;
  border-top: none;
}
.nav > li:hover > ul {
  left: auto;
  min-width: 100%;
}

.nav > li li:hover > ul { 
  left: 100%;
  top:-1px;
}

.nav > li:hover > a:first-child:nth-last-child(2):before {
  border: 5px solid transparent;  
}

.nav li li:hover > a:first-child:nth-last-child(2):before {
  border: 5px solid transparent; 
  right: 10px;
}

.prve{
  max-width:120px;
  min-width: 90px;
  border: 2px solid #81D4FA;
  border-bottom: none;
  border-top: none;
}

.druhe {
  max-width: 140px;
  min-width: 105px;
  border-right: 2px solid #81D4FA;
}

.content {
	position: static;
	margin-left: 10px;
	margin-right: 10px;
}

.header {
	text-align: center;
	position: static;
	margin-top: 40px;
}
th, td{
	 border:1px solid black;
}

table{
	table-layout: fixed;
	min-width: 1300px;
	border-collapse: collapse;
	width: 100%;
}
/*ZISTIT PRECO NEJDE ZEBRA RIADKOVANIE TUTO*/
.three-th-table tr:nth-child(3) {
  background-color: #FFF;
}
.two-th-table tr:nth-child(2) {
  background-color: #FFF;
}
tr:nth-child(even) {
	background-color: #e5e5e5;
}

td:nth-child(even):hover {
	background-color: #b7b7b7;
}

td:nth-child(odd):hover {
	background-color: #b2b2b2;
}

 

  
   
    Dátumy
     
      1-7/7/2016
	   
	    1/7/2016
        2/7/2016
        3/7/2016
        4/7/2016
	    5/7/2016
	    6/7/2016
	    7/7/2016
	   
	  
      8-14/7/2016
       
        8/7/2016
        9/7/2016
        10/7/2016
        11/7/2016
		12/7/2016
		13/7/2016
		14/7/2016
       
	  
	  15-21/7/2016
       
        15/7/2016
        9/7/2016
        10/7/2016
        11/7/2016
	    12/7/2016
	    13/7/2016
		14/7/2016
       
          		
	 
	
	☰
	 
        FLV  
        FLC  
        QUA  
        HFX  
        PDT  
        RSH  
        BUR  
        SUHRN  
        INCI  
        JIRA  
        CHGT  
        TASK  
        VRS  
	 
	
   
  
  
  
  
   
    RPO quotidienne SI 
   
    
   
   
   
   
	

    
	 DATE
	 20/7/2016
	 streda
	 e-version: http://docinfogroupe.inetpsa.com/ead/dom/401334893.fd														
	  SEMAINE 
	
	
	  Leader T. Simoncik 
	  SI Flux - FLX 
	  FLV 
	
    
	 Presents dans domaine
	 3
	 Total PSI dans domaine
	 4
	 Simoncik 482892, Kodrla 482904, Vajs 482915, Hrebicek 482168
	
	
	 
	 CHGT06128770
	  11.07.2016,NEO/FLV,De 16h à 18h : Mise en place du Patch ORACLE (EXADATA) dans EXADATA,
	  C
	   
	
	
	 
	 HREBICEK
	 ,,PISSARO,Ziadost o zmenu atributu, B6 taha do boxu na retus, lakovna sa ma vyjadrit
	  T
	   
	
    
	 
	 KODRLA
	 ,,NOREV,Upratovanie tried (obligatoire, preparation,...),
	  T
	   
	
    
	 
	 SIMONCIK
	 ,,ARCHIMEDE,Analyza + riesenie zona automatizacie - zobrazovanie na panely podla ref,
	  T
	   
	
    
	 
	 
	 
	 
	   
	
    
	 
	 
	 
	 
	   
	
    
	 
	 
	 
	 
	   
		
   
  


    
   
   
   
	
	  Leader T. Simoncik 
	  SI Flux - FLX 
	  FLC 
	
    
	 Presents dans domaine
	 3
	 Total PSI dans domaine
	 3
	 Bednarikova 483017, Dobrikova 482545, Duracka 482158
	
	
	 
	 CHGT06107245
	 11.07.2016,FAKIR/PO,FAKIR-PO : INSTALLATION V4.0 2016-07-11 08:30:00 INDISPO 2 h,
	  C
	   
	
	
	 
	 CHGT06121081
	 11.07.2016,CLOE,CLOE - MISE EN PLACE BATCH CORAIL-ERP MG 2016-07-11 15:00:00,
	 C
	   
	
    
	 
	 CHGT06121354
	 12.07.2016,CORAIL/ERP,instalacia verzie CORAIL/ERP v1.7.0.15.4 ,
	 C
	   
	
    
	 
	 DOBRIKOVA
	 ,,CORAIL/ERP,Rituel CORAIL VCO PFA / PSI,
	  T
	   
	
    
	 
	 DURACKA
	 ,,,PB s EDI pre B6 - riesi Roman,
	 T
	   
	
    
	 
	 
	 
	 
	   
	
    
	 
	 
	 
	 
	   
		
   
   

   
  
   
   
   
	
	  Leader T. Simoncik 
	  SI Flux - FLX 
	  FLC 
	
    
	 Presents dans domaine
	 3
	 Total PSI dans domaine
	 3
	 Bednarikova 483017, Dobrikova 482545, Duracka 482158
	
	
	 
	 CHGT06107245
	 11.07.2016,FAKIR/PO,FAKIR-PO : INSTALLATION V4.0 2016-07-11 08:30:00 INDISPO 2 h,
	  C
	   
	
	
	 
	 CHGT06121081
	 11.07.2016,CLOE,CLOE - MISE EN PLACE BATCH CORAIL-ERP MG 2016-07-11 15:00:00,
	 C
	   
	
    
	 
	 CHGT06121354
	 12.07.2016,CORAIL/ERP,instalacia verzie CORAIL/ERP v1.7.0.15.4 ,
	 C
	   
	
    
	 
	 DOBRIKOVA
	 ,,CORAIL/ERP,Rituel CORAIL VCO PFA / PSI,
	  T
	   
	
    
	 
	 DURACKA
	 ,,,PB s EDI pre B6 - riesi Roman,
	 T

Zebra-styling my table rows

Answers (1)

Related Questions