CSS - Style only the 3rd and 5th h2 element

Question

In the following HTML markup, I'm trying to style only the 3rd and 5th h2. But whatever I try it doesn't work.

    
            
            
                
                    First h2 title
                
            
            
                
            
                
                    Second h2 title
                
            
            
                
            
                
                    Third h2 title
                
            
            
                
            
                
                    Fourth h2 title
                
            
            
                
            
                
                    Fifth h2 title
                
            
            
                
            
                
                    Sixth h2 title

user_4739628 · Answer

Try this

.services div:nth-child(3) .service-card h2,
.services div:nth-child(5) .service-card h2 {
  color: #f60;
}



  
    
      First h2 title
    
  


  
    
      Second h2 title
    
  


  
    
      Third h2 title
    
  


  
    
      Fourth h2 title
    
  


  
    
      Fifth h2 title
    
  


  
    
      Sixth h2 title

CSS - Style only the 3rd and 5th h2 element

1 Answers