CSS 规则

提示

优先使用以下方案，减少 CSS 代码的编写：

• 原子化 CSS：如Tailwind CSS，通过 utility 类直接在 HTML 中编写样式，减少了自定义 CSS 的需求。
• UI 组件库：主流的 UI 组件库（如 Ant Design、Material-UI）通常已经内置了良好的组件化和样式隔离方案，开发者直接使用即可。

// stylelint.config.js

module.exports = {
  extends: [
    'stylelint-config-twbs-bootstrap',
  ],
};

注意

stylelint 规则参考 stylelint-config-twbs-bootstrap，但是由于需要整理的内容非常多，在开发过程中，仍以实际的 stylelint 检查为准。本章内容仅供参考

规则一览

来源	规则名称	配置值	描述
stylelint-config-recommended	annotation-no-unknown	true	禁止未知的注解。
stylelint-config-recommended	at-rule-no-unknown	true	禁止未知的 at 规则。
stylelint-config-recommended	block-no-empty	true	禁止空块。
stylelint-config-recommended	color-no-invalid-hex	true	禁止无效的十六进制颜色。
stylelint-config-recommended	comment-no-empty	true	禁止空注释。
stylelint-config-recommended	custom-property-no-missing-var-function	true	禁止在自定义属性中缺少 var 函数。
stylelint-config-recommended	declaration-block-no-duplicate-custom-properties	true	禁止在声明块中重复自定义属性。
stylelint-config-recommended	declaration-block-no-duplicate-properties	[true, { ignore: ['consecutive-duplicates-with-different-syntaxes'] }]	禁止在声明块中重复属性，忽略具有不同语法的连续重复。
stylelint-config-recommended	declaration-block-no-shorthand-property-overrides	true	禁止简写属性覆盖相关longhand属性。
stylelint-config-recommended	font-family-no-duplicate-names	true	禁止在 font-family 中重复字体名称。
stylelint-config-recommended	font-family-no-missing-generic-family-keyword	true	禁止在 font-family 中缺少通用字体系列关键字。
stylelint-config-recommended	function-calc-no-unspaced-operator	true	禁止在 calc 函数中使用无间隔的运算符。
stylelint-config-recommended	function-linear-gradient-no-nonstandard-direction	true	禁止在 linear-gradient 函数中使用非标准方向。
stylelint-config-recommended	function-no-unknown	true	禁止未知的函数。
stylelint-config-recommended	keyframe-block-no-duplicate-selectors	true	禁止在关键帧块中重复选择器。
stylelint-config-recommended	keyframe-declaration-no-important	true	禁止在关键帧声明中使用 !important。
stylelint-config-recommended	media-feature-name-no-unknown	true	禁止未知的媒体特性名称。
stylelint-config-recommended	named-grid-areas-no-invalid	true	禁止无效的命名网格区域。
stylelint-config-recommended	no-duplicate-at-import-rules	true	禁止重复的 @import 规则。
stylelint-config-recommended	no-duplicate-selectors	true	禁止重复的选择器。
stylelint-config-recommended	no-empty-source	true	禁止空源。
stylelint-config-recommended	no-invalid-double-slash-comments	true	禁止无效的双斜线注释。
stylelint-config-recommended	no-invalid-position-at-import-rule	true	禁止 @import 规则位于无效位置。
stylelint-config-recommended	no-irregular-whitespace	true	禁止不规则空白。
stylelint-config-recommended	property-no-unknown	true	禁止未知的属性。
stylelint-config-recommended	selector-anb-no-unmatchable	true	禁止无法匹配的 :nth-child() 等选择器。
stylelint-config-recommended	selector-pseudo-class-no-unknown	true	禁止未知的伪类选择器。
stylelint-config-recommended	selector-pseudo-element-no-unknown	true	禁止未知的伪元素选择器。
stylelint-config-recommended	selector-type-no-unknown	[true, { ignore: ['custom-elements'] }]	禁止未知的类型选择器，忽略自定义元素。
stylelint-config-recommended	string-no-newline	true	禁止字符串中的换行符。
stylelint-config-recommended	unit-no-unknown	true	禁止未知的单位。
stylelint-config-standard	at-rule-no-vendor-prefix	true	禁止 at 规则使用供应商前缀。
stylelint-config-standard	color-hex-length	'short'	指定十六进制颜色使用短格式。
stylelint-config-standard	comment-empty-line-before	['always', { except: ['first-nested'], ignore: ['stylelint-commands'] }]	在注释前要求空行，除了嵌套内的第一条和 stylelint 命令。
stylelint-config-standard	comment-whitespace-inside	'always'	要求注释内部有空白。
stylelint-config-standard	custom-media-pattern	['^([a-z][a-z0-9]*)(-[a-z0-9]+)*$']	指定自定义媒体查询的模式。
stylelint-config-standard	declaration-block-single-line-max-declarations	1	单行声明块中最多允许的声明数量。
stylelint-config-standard	font-family-name-quotes	'always-where-recommended'	指定字体系列名称使用引号的情况。
stylelint-config-standard	function-name-case	'lower'	指定函数名称为小写。
stylelint-config-standard	function-url-quotes	'always'	要求 url 函数使用引号。
stylelint-config-standard	hue-degree-notation	'angle'	指定色调使用角度表示法。
stylelint-config-standard	import-notation	'url'	指定 @import 规则使用 url 表示法。
stylelint-config-standard	keyframe-selector-notation	'percentage-unless-within-keyword-only-block'	指定关键帧选择器使用百分比表示法，除非在仅关键字块内。
stylelint-config-standard	keyframes-name-pattern	['^([a-z][a-z0-9]*)(-[a-z0-9]+)*$']	指定关键帧名称的模式。
stylelint-config-standard	length-zero-no-unit	[true, { ignore: ['custom-properties'] }]	长度为零时禁止使用单位，忽略自定义属性。
stylelint-config-standard	lightness-notation	'percentage'	指定亮度使用百分比表示法。
stylelint-config-standard	media-feature-name-no-vendor-prefix	true	禁止媒体特性名称使用供应商前缀。
stylelint-config-standard	property-no-vendor-prefix	true	禁止属性使用供应商前缀。
stylelint-config-standard	selector-attribute-quotes	'always'	要求属性选择器使用引号。
stylelint-config-standard	selector-class-pattern	['^([a-z][a-z0-9]*)(-[a-z0-9]+)*$']	指定类选择器的模式。
stylelint-config-standard	selector-id-pattern	['^([a-z][a-z0-9]*)(-[a-z0-9]+)*$']	指定 ID 选择器的模式。
stylelint-config-standard	selector-no-vendor-prefix	true	禁止选择器使用供应商前缀。
stylelint-config-standard	selector-pseudo-element-colon-notation	'double'	指定伪元素使用双冒号表示法。
stylelint-config-standard	selector-type-case	'lower'	指定类型选择器为小写。
stylelint-config-standard	shorthand-property-no-redundant-values	true	禁止简写属性中使用冗余值。
stylelint-config-standard	value-keyword-case	'lower'	指定值关键字为小写。
stylelint-config-standard	value-no-vendor-prefix	[true, { ignoreValues: ['box', 'inline-box'] }]	禁止值使用供应商前缀，忽略 'box' 和 'inline-box'。
@stylistic/stylelint-config	@stylistic/at-rule-name-case	'lower'	指定 at 规则名称为小写。
@stylistic/stylelint-config	@stylistic/at-rule-semicolon-newline-after	'always'	在 at 规则分号后要求换行。
@stylistic/stylelint-config	@stylistic/block-closing-brace-newline-before	'always-multi-line'	在多行块的关闭大括号前要求换行。
@stylistic/stylelint-config	@stylistic/block-closing-brace-space-before	'always-single-line'	在单行块的关闭大括号前要求空格。
@stylistic/stylelint-config	@stylistic/block-opening-brace-newline-after	'always-multi-line'	在多行块的打开大括号后要求换行。
@stylistic/stylelint-config	@stylistic/block-opening-brace-space-after	'always-single-line'	在单行块的打开大括号后要求空格。
@stylistic/stylelint-config	@stylistic/color-hex-case	'lower'	指定十六进制颜色为小写。
@stylistic/stylelint-config	@stylistic/declaration-bang-space-after	'never'	在声明感叹号后禁止空格。
@stylistic/stylelint-config	@stylistic/declaration-bang-space-before	'always'	在声明感叹号前要求空格。
@stylistic/stylelint-config	@stylistic/declaration-block-semicolon-newline-after	'always-multi-line'	在多行声明块分号后要求换行。
@stylistic/stylelint-config	@stylistic/declaration-block-semicolon-space-after	'always-single-line'	在单行声明块分号后要求空格。
@stylistic/stylelint-config	@stylistic/declaration-block-semicolon-space-before	'never'	在声明块分号前禁止空格。
@stylistic/stylelint-config	@stylistic/declaration-block-trailing-semicolon	'always'	要求声明块有尾随分号。
@stylistic/stylelint-config	@stylistic/declaration-colon-newline-after	'always-multi-line'	在多行声明冒号后要求换行。
@stylistic/stylelint-config	@stylistic/declaration-colon-space-after	'always-single-line'	在单行声明冒号后要求空格。
@stylistic/stylelint-config	@stylistic/declaration-colon-space-before	'never'	在声明冒号前禁止空格。
@stylistic/stylelint-config	@stylistic/function-comma-newline-after	'always-multi-line'	在多行函数逗号后要求换行。
@stylistic/stylelint-config	@stylistic/function-comma-space-after	'always-single-line'	在单行函数逗号后要求空格。
@stylistic/stylelint-config	@stylistic/function-comma-space-before	'never'	在函数逗号前禁止空格。
@stylistic/stylelint-config	@stylistic/function-max-empty-lines	0	函数中最多允许的空行数。
@stylistic/stylelint-config	@stylistic/function-parentheses-newline-inside	'always-multi-line'	在多行函数括号内要求换行。
@stylistic/stylelint-config	@stylistic/function-parentheses-space-inside	'never-single-line'	在单行函数括号内禁止空格。
@stylistic/stylelint-config	@stylistic/function-whitespace-after	'always'	在函数后要求空白。
@stylistic/stylelint-config	@stylistic/indentation	2	指定缩进为 2 个空格。
@stylistic/stylelint-config	@stylistic/media-feature-colon-space-after	'always'	在媒体特性冒号后要求空格。
@stylistic/stylelint-config	@stylistic/media-feature-colon-space-before	'never'	在媒体特性冒号前禁止空格。
@stylistic/stylelint-config	@stylistic/media-feature-name-case	'lower'	指定媒体特性名称为小写。
@stylistic/stylelint-config	@stylistic/media-feature-parentheses-space-inside	'never'	在媒体特性括号内禁止空格。
@stylistic/stylelint-config	@stylistic/media-feature-range-operator-space-after	'always'	在媒体特性范围运算符后要求空格。
@stylistic/stylelint-config	@stylistic/media-feature-range-operator-space-before	'always'	在媒体特性范围运算符前要求空格。
@stylistic/stylelint-config	@stylistic/media-query-list-comma-newline-after	'always-multi-line'	在多行媒体查询列表逗号后要求换行。
@stylistic/stylelint-config	@stylistic/media-query-list-comma-space-after	'always-single-line'	在单行媒体查询列表逗号后要求空格。
@stylistic/stylelint-config	@stylistic/media-query-list-comma-space-before	'never'	在媒体查询列表逗号前禁止空格。
@stylistic/stylelint-config	@stylistic/no-empty-first-line	true	禁止空首行。
@stylistic/stylelint-config	@stylistic/no-eol-whitespace	true	禁止行尾空白。
@stylistic/stylelint-config	@stylistic/no-extra-semicolons	true	禁止多余的分号。
@stylistic/stylelint-config	@stylistic/no-missing-end-of-source-newline	true	要求源末尾有换行。
@stylistic/stylelint-config	@stylistic/number-no-trailing-zeros	true	禁止数字中的尾随零。
@stylistic/stylelint-config	@stylistic/property-case	'lower'	指定属性为小写。
@stylistic/stylelint-config	@stylistic/selector-attribute-brackets-space-inside	'never'	在属性选择器括号内禁止空格。
@stylistic/stylelint-config	@stylistic/selector-attribute-operator-space-after	'never'	在属性选择器运算符后禁止空格。
@stylistic/stylelint-config	@stylistic/selector-attribute-operator-space-before	'never'	在属性选择器运算符前禁止空格。
@stylistic/stylelint-config	@stylistic/selector-combinator-space-after	'always'	在选择器组合器后要求空格。
@stylistic/stylelint-config	@stylistic/selector-combinator-space-before	'always'	在选择器组合器前要求空格。
@stylistic/stylelint-config	@stylistic/selector-descendant-combinator-no-non-space	true	禁止后代组合器使用非空格字符。
@stylistic/stylelint-config	@stylistic/selector-list-comma-newline-after	'always'	在选择器列表逗号后要求换行。
@stylistic/stylelint-config	@stylistic/selector-max-empty-lines	0	选择器中最多允许的空行数。
@stylistic/stylelint-config	@stylistic/selector-pseudo-class-case	'lower'	指定伪类选择器为小写。
@stylistic/stylelint-config	@stylistic/selector-pseudo-class-parentheses-space-inside	'never'	在伪类选择器括号内禁止空格。
@stylistic/stylelint-config	@stylistic/selector-pseudo-element-case	'lower'	指定伪元素选择器为小写。
@stylistic/stylelint-config	@stylistic/string-quotes	'double'	指定字符串使用双引号。
@stylistic/stylelint-config	@stylistic/unit-case	'lower'	指定单位为小写。
@stylistic/stylelint-config	@stylistic/value-list-comma-space-before	'never'	在值列表逗号前禁止空格。
@stylistic/stylelint-config	@stylistic/value-list-max-empty-lines	0	值列表中最多允许的空行数。
stylelint-config-twbs-bootstrap	alpha-value-notation	null	禁用 alpha 值表示法规则。
stylelint-config-twbs-bootstrap	at-rule-empty-line-before	null	禁用 at 规则前空行规则。
stylelint-config-twbs-bootstrap	color-function-notation	null	禁用颜色函数表示法规则。
stylelint-config-twbs-bootstrap	color-named	'never'	禁止使用命名颜色。
stylelint-config-twbs-bootstrap	custom-property-empty-line-before	null	禁用自定义属性前空行规则。
stylelint-config-twbs-bootstrap	custom-property-pattern	null	禁用自定义属性模式规则。
stylelint-config-twbs-bootstrap	declaration-block-no-redundant-longhand-properties	null	禁用声明块中冗余 longhand 属性规则。
stylelint-config-twbs-bootstrap	declaration-empty-line-before	null	禁用声明前空行规则。
stylelint-config-twbs-bootstrap	declaration-no-important	true	禁止声明中使用 !important。
stylelint-config-twbs-bootstrap	font-weight-notation	['numeric', { 'ignore': ['relative'] }]	指定字体重量使用数字表示法，忽略相对值。
stylelint-config-twbs-bootstrap	function-url-no-scheme-relative	true	禁止 url 函数中使用协议相对 URL。
stylelint-config-twbs-bootstrap	media-feature-range-notation	null	禁用媒体特性范围表示法规则。
stylelint-config-twbs-bootstrap	media-query-no-invalid	null	禁用无效媒体查询规则。
stylelint-config-twbs-bootstrap	no-descending-specificity	null	禁用特异性降序规则。
stylelint-config-twbs-bootstrap	number-max-precision	null	禁用数字最大精度规则。
stylelint-config-twbs-bootstrap	rule-empty-line-before	null	禁用规则前空行规则。
stylelint-config-twbs-bootstrap	selector-max-attribute	2	限制选择器中属性的最大数量。
stylelint-config-twbs-bootstrap	selector-max-class	4	限制选择器中类的最大数量。
stylelint-config-twbs-bootstrap	selector-max-combinators	4	限制选择器中组合器的最大数量。
stylelint-config-twbs-bootstrap	selector-max-compound-selectors	4	限制选择器中复合选择器的最大数量。
stylelint-config-twbs-bootstrap	selector-max-id	0	限制选择器中 ID 的最大数量。
stylelint-config-twbs-bootstrap	selector-max-specificity	null	禁用选择器最大特异性规则。
stylelint-config-twbs-bootstrap	selector-max-type	2	限制选择器中类型的最大数量。
stylelint-config-twbs-bootstrap	selector-max-universal	1	限制选择器中通用选择器的最大数量。
stylelint-config-twbs-bootstrap	selector-no-qualifying-type	true	禁止选择器中使用限定类型。
stylelint-config-twbs-bootstrap	selector-not-notation	null	禁用 :not() 表示法规则。
stylelint-config-twbs-bootstrap	@stylistic/at-rule-name-space-after	'always'	在 at 规则名称后要求空格。
stylelint-config-twbs-bootstrap	@stylistic/at-rule-semicolon-space-before	'never'	在 at 规则分号前禁止空格。
stylelint-config-twbs-bootstrap	@stylistic/block-closing-brace-empty-line-before	null	禁用块关闭大括号前空行规则。
stylelint-config-twbs-bootstrap	@stylistic/block-closing-brace-newline-after	null	禁用块关闭大括号后换行规则。
stylelint-config-twbs-bootstrap	@stylistic/block-opening-brace-space-before	null	禁用块打开大括号前空格规则。
stylelint-config-twbs-bootstrap	@stylistic/declaration-block-semicolon-newline-before	'never-multi-line'	在多行声明块分号前禁止换行。
stylelint-config-twbs-bootstrap	@stylistic/max-empty-lines	2	最多允许的空行数。
stylelint-config-twbs-bootstrap	@stylistic/max-line-length	null	禁用最大行长度规则。
stylelint-config-twbs-bootstrap	@stylistic/number-leading-zero	'never'	禁止数字中的前导零。
stylelint-config-twbs-bootstrap	@stylistic/selector-list-comma-newline-before	'never-multi-line'	在多行选择器列表逗号前禁止换行。
stylelint-config-twbs-bootstrap	@stylistic/selector-list-comma-space-after	'always-single-line'	在单行选择器列表逗号后要求空格。
stylelint-config-twbs-bootstrap	@stylistic/selector-list-comma-space-before	'never-single-line'	在单行选择器列表逗号前禁止空格。
stylelint-config-twbs-bootstrap	@stylistic/unicode-bom	'never'	禁止使用 Unicode BOM。
stylelint-config-twbs-bootstrap	@stylistic/value-list-comma-newline-after	'never-multi-line'	在多行值列表逗号后禁止换行。
stylelint-config-twbs-bootstrap	@stylistic/value-list-comma-newline-before	'never-multi-line'	在多行值列表逗号前禁止换行。
stylelint-config-twbs-bootstrap	@stylistic/value-list-comma-space-after	'always'	在值列表逗号后要求空格。

属性排序

CSS Modules 组合规则

• composes

全局重置

• all

定位

• position
• inset
• inset-block
• inset-block-start
• inset-block-end
• inset-inline
• inset-inline-start
• inset-inline-end
• top
• right
• bottom
• left
• z-index

显示模式

• box-sizing
• display

弹性盒子

• flex
• flex-grow
• flex-shrink
• flex-basis
• flex-flow
• flex-direction
• flex-wrap
• -webkit-box-orient

网格布局

• grid
• grid-area
• grid-template
• grid-template-areas
• grid-template-rows
• grid-template-columns
• grid-row
• grid-row-start
• grid-row-end
• grid-column
• grid-column-start
• grid-column-end
• grid-auto-rows
• grid-auto-columns
• grid-auto-flow
• grid-gap
• grid-row-gap
• grid-column-gap

间距

• gap
• row-gap
• column-gap

布局对齐

• place-content
• place-items
• place-self
• align-content
• align-items
• align-self
• justify-content
• justify-items
• justify-self

顺序

• order

盒模型

• float
• inline-size
• min-inline-size
• max-inline-size
• width
• min-width
• max-width
• block-size
• min-block-size
• max-block-size
• height
• min-height
• max-height
• aspect-ratio
• padding
• padding-block
• padding-block-start
• padding-block-end
• padding-inline
• padding-inline-start
• padding-inline-end
• padding-top
• padding-right
• padding-bottom
• padding-left
• margin
• margin-block
• margin-block-start
• margin-block-end
• margin-inline
• margin-inline-start
• margin-inline-end
• margin-top
• margin-right
• margin-bottom
• margin-left
• overflow
• overflow-block
• overflow-inline
• overflow-x
• overflow-y
• -webkit-overflow-scrolling
• -ms-overflow-x
• -ms-overflow-y
• -ms-overflow-style
• overscroll-behavior
• overscroll-behavior-inline
• overscroll-behavior-block
• overscroll-behavior-x
• overscroll-behavior-y
• clip
• clip-path
• clear

排版

• font
• font-family
• font-size
• font-variation-settings
• font-style
• font-weight
• font-feature-settings
• font-optical-sizing
• font-kerning
• font-variant
• font-variant-ligatures
• font-variant-caps
• font-variant-alternates
• font-variant-numeric
• font-variant-east-asian
• font-variant-position
• font-size-adjust
• font-stretch
• font-effect
• font-emphasize
• font-emphasize-position
• font-emphasize-style
• -webkit-font-smoothing
• -moz-osx-font-smoothing
• font-smooth
• hyphens
• line-height
• color
• -webkit-text-fill-color
• -webkit-text-stroke
• -webkit-text-stroke-width
• -webkit-stroke-color
• text-align
• text-align-last
• text-emphasis
• text-emphasis-color
• text-emphasis-style
• text-emphasis-position
• text-decoration
• text-decoration-line
• text-decoration-thickness
• text-decoration-style
• text-decoration-color
• text-underline-position
• text-underline-offset
• text-indent
• text-justify
• text-outline
• text-overflow
• text-overflow-ellipsis
• text-overflow-mode
• -webkit-line-clamp
• line-clamp
• text-shadow
• text-transform
• text-wrap
• -webkit-text-size-adjust
• -ms-text-size-adjust
• letter-spacing
• word-break
• word-spacing
• word-wrap (已废弃，使用 overflow-wrap)
• overflow-wrap
• tab-size
• white-space
• vertical-align
• list-style
• list-style-position
• list-style-type
• list-style-image
• src
• font-display
• unicode-range
• size-adjust
• ascent-override
• descent-override
• line-gap-override

可访问性与交互

• appearance
• accent-color
• color-scheme
• pointer-events
• -ms-touch-action
• touch-action
• cursor
• caret-color
• visibility
• zoom
• table-layout
• empty-cells
• caption-side
• border-spacing
• border-collapse
• content
• quotes
• counter-res
• counter-set
• counter-increment
• resize
• scroll-behavior
• scroll-snap-type
• scroll-snap-align
• scroll-snap-stop
• scroll-padding
• scroll-padding-inline
• scroll-padding-inline-start
• scroll-padding-inline-end
• scroll-padding-block
• scroll-padding-block-start
• scroll-padding-block-end
• scroll-padding-top
• scroll-padding-right
• scroll-padding-bottom
• scroll-padding-left
• scroll-margin
• scroll-margin-inline
• scroll-margin-inline-start
• scroll-margin-inline-end
• scroll-margin-block
• scroll-margin-block-start
• scroll-block-end
• scroll-margin-top
• scroll-margin-right
• scroll-margin-bottom
• scroll-margin-left
• scrollbar-color
• scrollbar-gutter
• scrollbar-width
• user-select
• -webkit-user-select
• nav-index
• nav-up
• nav-right
• nav-down
• nav-left

图像、背景和边框

• object-fit
• object-position
• -ms-interpolation-mode
• image-orientation
• image-rendering
• image-resolution
• background
• background-color
• background-image
• -ms-filter:\\'progid:DXImageTransform.Microsoft.gradient
• filter:progid:DXImageTransform.Microsoft.gradient
• filter:progid:DXImageTransform.Microsoft.AlphaImageLoader
• filter
• background-repeat
• background-attachment
• background-position
• background-position-x
• background-position-y
• background-clip
• background-origin
• background-size
• background-blend-mode
• isolation
• backdrop-filter
• border
• border-color
• border-style
• border-width
• border-block
• border-block-start
• border-block-start-color
• border-block-start-style
• border-block-start-width
• border-block-end
• border-block-end
• border-block-end-style
• border-block-end-width
• border-inline
• border-inline-start
• border-inline-start-color
• border-inline-start-style
• border-inline-start-width
• border-inline-end
• border-inline-end-color
• border-inline-end-style
• border-inline-end-width
• border-top
• border-top-color
• border-top-style
• border-top-width
• border-right
• border-right-color
• border-right-style
• border-right-width
• border-bottom
• border-bottom-color
• border-bottom-style
• border-bottom-width
• border-left
• border-left-color
• border-left-style
• border-left-width
• border-radius
• border-start-start-radius
• border-start-end-radius
• border-end-start-radius
• border-end-end-radius
• border-top-left-radius
• border-top-right-radius
• border-bottom-right-radius
• border-bottom-left-radius
• border-image
• border-image-source
• border-image-slice
• border-image-width
• border-image-outset
• border-image-repeat
• outline
• outline-width
• outline-style
• outline-color
• outline-offset
• box-shadow
• mix-blend-mode
• filter:progid:DXImageTransform.Microsoft.Alpha(Opacity
• -ms-filter:\\'progid:DXImageTransform.Microsoft.Alpha
• opacity

遮罩

• mask-border
• mask-border-source
• mask-border-slice
• mask-border-width
• mask-border-outset
• mask-border-repeat
• mask-border-mode
• mask
• mask-image
• mask-mode
• mask-repeat
• mask-position
• mask-clip
• mask-origin
• mask-size
• mask-composite

SVG 表现

• alignment-baseline
• baseline-shift
• dominant-baseline
• text-anchor
• word-spacing
• writing-mode
• fill
• fill-opacity
• fill-rule
• stroke
• stroke-dasharray
• stroke-dashoffset
• stroke-linecap
• stroke-linejoin
• stroke-miterlimit
• stroke-opacity
• stroke-width
• color-interpolation
• color-interpolation-filters
• color-profile
• color-rendering
• flood-color
• flood-opacity
• lighting-color
• marker-start
• marker-mid
• marker-end
• shape-rendering
• stop-color
• stop-opacity

过渡与动画

• transition
• transition-delay
• transition-timing-function
• transition-duration
• transition-property
• transform
• transform-origin
• rotate
• scale
• translate
• perspective
• perspective-origin
• animation
• animation-name
• animation-duration
• animation-play-state
• animation-timing-function
• animation-delay
• animation-iteration-count
• animation-direction
• will-change

分页媒体

参考 MDN - CSS 分页媒体

• break-before
• break-inside
• break-after
• orphans
• widows

Vue 专属规则

// stylelint.config.js

module.exports = {
  extends: [
    'stylelint-config-recommended-vue',
  ],
};

来源	规则名称	配置值	描述
stylelint-config-recommended-vue	selector-pseudo-class-no-unknown	[true, { ignorePseudoClasses: ["deep", "global", "slotted"] }]	禁止未知的伪类选择器，但忽略 Vue 特定的伪类（如 deep、global、slotted）
stylelint-config-recommended-vue	selector-pseudo-element-no-unknown	[true, { ignorePseudoElements: ["v-deep", "v-global", "v-slotted"] }]	禁止未知的伪元素选择器，但忽略 Vue 特定的伪元素（如 v-deep、v-global、v-slotted）
stylelint-config-recommended-vue	declaration-property-value-no-unknown	[true, { ignoreProperties: { "/.*/": "/v-bind\\(.+\\)/" } }]	禁止未知的声明属性值，但忽略包含 v-bind 表达式的值
stylelint-config-recommended-vue	function-no-unknown	[true, { ignoreFunctions: ["v-bind"] }]	禁止未知的 CSS 函数，但忽略 Vue 的 v-bind 函数