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

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



    
        
        移动端视图切换
    
    
    
        
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;
}
  • 问题解决,可以实现点击切换页

你可能感兴趣的:(target伪类实现标签切换不起作用的问题)