如果两者之间有个空格:
即是选择 li 的子元素中类名为 active 的元素:
<li>
<span class="active"></span>
<span></span>
</li>
如果两者中间没有空格:
.slider-indicator li.active {
width: 12px;
height: 12px;
opacity: 1;
}
是选择类名为 active 的 li 对其生效:
<ul class="slider-indicator">
<li class="active"></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>