解决stylelint对深度选择器:deep()报错的问题

2,821 阅读1分钟

在使用一些UI组件的时候,在生成html文件时,组件会带上一些哈希值,导致无法用选择器选中,并且修改样式。 此时就可以用深度选择器来指定,并且现在的深度选择器已经换成了另一种写法:
:deep(css选择器) 但是在使用stylelint对css进行代码格式化的时候,发现stylelint无法识别:deep()

image.png
既然说无法识别样式,那就按照要求配置

//.stylelintrc.js

rules:{
         'selector-pseudo-class-no-unknown': [
             true,
             {
                 ignorePseudoClasses: [':deep'],
             },
         ],
       }

结果还是不行。

解决办法

改成这样:

//.stylelintrc.js

rules:{
         'selector-pseudo-class-no-unknown': [
             true,
             {
                 ignorePseudoClasses: ['deep'],
             },
         ],
       }

此时就没有报错了。

image.png