用于继承其下元素属性的元素

Question

以下是codepen的代码：https://codepen.io/anon/pen/gGjyNz

我想要的是在背景下放置蓝色或绿色线条（灰色）。如你所见，如果我设置

`<li class=''>Launch</li>` 

到

`<li class='visited'>Launch</li>` 

发生的事情是它完全覆盖整个灰线，而我希望它覆盖，但很好，box-radius工作。否则它很笨拙并且边缘锋利。

更新：我想要背景覆盖蓝色或绿色，所以当灰色变成蓝色或绿色时，它也会继承灰色，带有花哨的盒子半径等。

Answer 1

在你的css的第19行，有一个类我将属性z-index添加到：

ul.checkout-bar li

作为

z-index: 100000;

它太高了，因为该栏目前设定为99999。

要修复结尾，请添加：

border-radius: 15px;

在你的css第165行之后。 :after从未收到该属性变为弯曲