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

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

//.stylelintrc.js
rules:{
         'selector-pseudo-class-no-unknown': [
             true,
                 ignorePseudoClasses: [':deep'],

结果还是不行。

改成这样:

//.stylelintrc.js
rules:{
         'selector-pseudo-class-no-unknown': [
             true,
                 ignorePseudoClasses: ['deep'],

此时就没有报错了。

image.png

分类:
前端