# 具体遇到的问题
老师你好，左侧所有items的图标每个都是不相同的，都被合成在了一张sprite图里。因为实在太多，所以不想一个一个在css里面写。想通过JS实现不同的位置。但是发现是一个伪元素，所以不知道如何操作。 请老师帮忙看下。

# 粘贴全部相关代码，切记添加代码注释（请勿截图）

​var allItems = document.getElementsByClassName('department-list-item');

        for(var i = 0, sum = 0; i < allItems.length; i++) {
            sum += 22;

            allItems[i].before.style.backgroundPosition = '0 ' + sum + 'px';
        }