定位多个伪元素

Question

我正在创建一个带有以下指标的旋转木马。 这是我的代码：

<li>

我想让指标看起来像照片的左侧，但结果看起来像右侧。为什么伪元素不会相对于父母SelectMany？

Answer 1

将position: relative添加到li元素中，否则psuedolements相对于第一个定位的祖先（或body位于相同位置（彼此顶部） ）

Answer 2

设置 =IF(M1>0,$F$1*$F$9,0)

＆＃13;

＆＃13;

.product-slick-dots li {position:relative}

＆＃13;

.product-slick-dots li {
    width: 8px;
    height: 8px;
    background: #00000042;
    border-radius: 100px;
    display:inline-block;
    vertical-align: middle;
    margin: 0 4px;
    cursor: pointer;
    position:relative
}
.product-slick-dots li:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -6px;
    margin-left: -6px;
    width: 12px;
    height: 12px;
    background: #FFFFFFA6;
    border-radius: 150px;
    border: 1px solid #33333366;
}

＆＃13;

＆＃13;

＆＃13;