Home / Tools / :nth-child Builder

🔢 :nth-child Builder

Build :nth-child and :nth-of-type expressions visually with a live grid.

Controls

Live Output


      

        
        
      

    

  


    

    
Related Tools

    

            
        
🎨

        

          
Color Picker

          
Css

        

      
            
        
🌑

        

          
Box Shadow Generator

          
Css

        

      
            
        
🌈

        

          
Gradient Generator

          
Css

        

      
            
        
🖌

        

          
Gradient Palette

          
Css