链接css样式相对路径,css target 伪选择器放在外联样式相对路径引入会失效？

如图，我用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;

}

得到效果：

这个问题怎么解决啊，求大神，我不想写在内联中，有办法吗？