@csstools/stylent-no-at-nest-rule (英语)

防止使用 @nest 在CSS(英语:CSS).

/* valid */
.element {
    article & {}
}

/* invalid */
.element {
    @nest article & {}
}

CSS Nesting的规格已经改变 @nest 不再需要,并已从规格中删除.
由于它在浏览器中永远不会是有效的CSS,因此必须远离它.

有效的 CSS :

.element {
    article {}

    article & {}
}

无效 CSS :

.foo {
    @nest article {}

    @nest article & {}
}

使用量

npm install --save-dev @csstools/stylelint-no-at-nest-rule

// stylelint.config.js
module.exports = {
    plugins: [
        "@csstools/stylelint-no-at-nest-rule",
    ],
    rules: {
        "@csstools/stylelint-no-at-nest-rule": true,
    },
}