Html 有没有办法不根据其父元素放置z索引
我正在用纯CSS制作一个Netflix徽标，我被卡住了。我创建了span元素，也在span 2的元素之前创建。但是，我不知道如何将.netflix span:nth child（2）与.netflix span:nth child（2）：before进行比较时，将其放置在z轴的前面。基本上，我的问题是，是否有任何方法将元素放置在z轴上，而不是根据它们的父元素，而是根据我们想要的任何元素。提前感谢，我的Html 有没有办法不根据其父元素放置z索引,html,css,Html,Css,我正在用纯CSS制作一个Netflix徽标，我被卡住了。我创建了span元素，也在span 2的元素之前创建。但是，我不知道如何将.netflix span:nth child（2）与.netflix span:nth child（2）：before进行比较时，将其放置在z轴的前面。基本上，我的问题是，是否有任何方法将元素放置在z轴上，而不是根据它们的父元素，而是根据我们想要的任何元素。提前感谢，我的HTML文件如下 .netflix span{ 宽度：50px； 身高：100%； 显示：内联
HTML.netflix span{
宽度：50px；
身高：100%；
显示：内联块；
位置：绝对位置；
背景：#e50914；
保证金：0；
填充：0；
排名：0；
变换原点：左上角；
}
.netflix跨度：第n个孩子（1）{
左：0；
}
.netflix跨度：第n个孩子（2）{
变换：skewX（26度）；
盒影：0.20px 13px rgba（0,0,0,0.6）；
}
.netflix第n个孩子（2）：之前{
内容：''；
位置：绝对位置；
宽度：100%；
身高：100%；
背景：继承；
变换原点：右下角；
变换：skewX（-25度）；
}
NETFLIX
z-index.netflix{
宽度：100px；
高度：200px；
显示：内联块；
背景：
线性梯度（#e50914，#e50914）左/20px 100%，
线性梯度（#e50914，#e50914）右/20px 100%；
背景重复：无重复；
利润率：20px；
z指数：0；
位置：相对位置；
溢出：隐藏；
}
.网飞：以前{
内容：“；
位置：绝对位置；
排名：0；
左：0；
身高：100%；
宽度：20px；
变换：skewX（22度）；
背景：#e50914；
变换原点：左上角；
盒影：0.20px 10px rgba（0,0,0,0.6）；
}