css文件里面的:local什么意思？

Question

近日在github一个项目里面，发现其组件的css写法如下：
:local(.friendListItem) {
list-style: none;
padding: 20px 10px 20px 20px;
background-color: white;
border-bottom: 1px solid #E3E3E3;
display: flex;
}

:local(.friendInfos) {
flex: 1 0 auto;
}

请问其中的：local什么意思？

Answer 1

这不是CSS的写法吧，是不是什么动态样式语言？确认后缀是 .css？
孤陋寡闻了

Answer 2

我明白了，这是模块化css的写法，local意思是为局部作用于，webpack加载时会自动添加hash值，这样不会产生全局命名的冲突。