target伪类实现标签切换不起作用的问题

目的是希望实现点击标签切换相应的页，原始代码如下：

    
        
        
    
    
    
        

            
home
            
video
            
live
        
        

            Home
            Video
            Live
        
    

• 问题： 实际上无论我怎么切换都只显示了live页；
• 解决办法： 给伪类中的样式加上同样的z-index值；如下：

main>div:nth-child(1):target{
    background: #009f40;
    z-index: 1;
}
main>div:nth-child(2):target{
    background: #DCAE3F;
    z-index: 1;
}
main>div:nth-child(3):target{
    background: #93D1FF;
    z-index: 1;
}

• 问题解决，可以实现点击切换页