div上的伪元素无法与背景一起使用

Question

我有一个要使用:: before伪元素设置样式的div，我正在这样做：

css：

&Item.isActive {
    &::before {
        background: green;
    }
}

html：

<div class="sidebarItem">
  <div class="label">
    some content
  </div>
</div>

这是它的外观。

这是到目前为止的样子。

没有添加背景，为什么会发生这种情况？感谢您的帮助。

Answer 1

这就是我的工作方式，

css：

L = [r'C:\Test\Project1\Example\test1.txt', r'C:\Test\Project1\Example\test2.txt',
     r'C:\Test\Project1\Example\Sub\meee.txt', r'C:\Test\Project1\Example\Sub\test1.txt',   
     r'C:\Test\Project1\Example\Sub\youu.txt', r'C:\Test\Project1\Example\Zzz\zzz.py']

def sort_key(x):
    splits = x.split('\\')[4:]
    return len(splits), splits

res = sorted(L, key=sort_key)

['C:\\Test\\Project1\\Example\\test1.txt',
 'C:\\Test\\Project1\\Example\\test2.txt',
 'C:\\Test\\Project1\\Example\\Sub\\meee.txt',
 'C:\\Test\\Project1\\Example\\Sub\\test1.txt',
 'C:\\Test\\Project1\\Example\\Sub\\youu.txt',
 'C:\\Test\\Project1\\Example\\Zzz\\zzz.py']