如图,我用css的伪选择器target写了一个手风琴的效果。
代码:
css:
/*手风琴效果2栏*/
.accordion {
display: flex;
}
.accordion .tab {
display: block;
text-decoration: none;
color: #eee;
background: #6c6e74;
height: 100px;
}
.accordion >div:target .tab {
background: #a5cd4e;
}
.accordion>div:target {
flex: 3;
}
.accordion > div {
flex: 1;
transition: flex .3s ease-in-out;
}
html:
能正常使用。
但是奇怪的事情是这样的:
把样式放在一个css的样式文件中,命名app.css
在css文件夹同级目录的html文件中引入该app.css
3.效果正常
如果!!!!!
在其他目录的html中引用app.css
target选择器就会失效
在news.html中引用app.css
正好是app.css中target选择器的样式没生效了
.accordion >div:target .tab {
background: #a5cd4e;
}
.accordion>div:target {
flex: 3;
}
得到效果:
这个问题怎么解决啊,求大神,我不想写在内联中,有办法吗?