stylelint 规则
stylelint 有百余条内置规则。它们希望为广大开发者提供更有价值的 标准 CSS 。每个规则都是独立的,默认情况下为关闭状态并没有默认值。
规则列表
这里是 stylelint 内的所有规则
(2016.03.10),它们的组别来自 CSS 词汇表 。
颜色
color-hex-case
: 指定十六进制颜色的大小写。color-hex-length
: 指定十六进制颜色的长度。color-named
: 在特定的情况下是否允许使用命名的颜色值。color-no-hex
: 禁止使用十六进制的颜色。color-no-invalid-hex
: 禁止无效的十六进制颜色。
字体系列
font-family-name-quotes
: 指定字体系列是否应用于单双引号内。
字体粗细
font-weight-notation
: 要求一致的数值或命名作为font-weight
的值。
函数
function-blacklist
: 指定一个不允许使用函数的黑名单。function-calc-no-unspaced-operator
: 禁止在calc
函数内的运算符间省略空格。function-comma-newline-after
: 在函数的逗号后指定一个换行符或禁止留有空格。function-comma-newline-before
: 在函数的逗号前指定一个换行符或禁止留有空格。function-comma-space-after
: 在函数的逗号后指定一个空格或禁止留有空格。function-comma-space-before
: 在函数的逗号前指定一个空格或禁止留有空格。function-linear-gradient-no-nonstandard-direction
: 禁止在linear-gradient()
内使用不符合 标准语法 的值。function-parentheses-newline-inside
: 在函数括号内指定一个换行符或禁止留有空格。function-parentheses-space-inside
: 在函数括号内指定一个空格或禁止留有空格。function-url-quotes
: 为 urls 指定单引或双引号。function-whitelist
: 指定一个允许使用函数的白名单。function-whitespace-after
: 在函数后指定一个空格或禁止留有空格。
数值
number-leading-zero
: 要求或不允许数值小于 1 的数字前面添加 0 。number-max-precision
: 限制数值的小数位数。number-no-trailing-zeros
: 禁止在数值内尾随 0 。number-zero-length-no-unit
: 禁止单位长度为 0 。
字符串
string-no-newline
: 禁止字符串(非转义)换行。string-quotes
: 为字符串指定单引或双引号。
时长
time-no-imperceptible
: 禁止animation
与transition
时长低于 100ms 。
单位
unit-blacklist
: 指定一个不允许使用单位的黑名单。unit-whitelist
: 指定一个允许使用单位的白名单。
值
value-no-vendor-prefix
: 禁止值添加供应商前缀。
值列表
value-list-comma-newline-after
: 在值列表的逗号后指定一个换行符或禁止留有空格。value-list-comma-newline-before
: 在值列表的逗号前指定一个换行符或禁止留有空格。value-list-comma-space-after
: 在值列表的逗号后指定一个空格或禁止留有空格。value-list-comma-space-before
: 在值列表的逗号前指定一个空格或禁止留有空格。
自定义属性
custom-property-no-outside-root
: 禁止:root
之外的选择器自定义属性。custom-property-pattern
: 指定自定义属性的模式。
属性
property-blacklist
: 指定一个不允许使用属性的黑名单。property-no-vendor-prefix
: 禁止属性添加供应商前缀。property-unit-blacklist
: 指定一个特定属性不允许使用单位的黑名单。property-unit-whitelist
: 指定一个特定属性允许使用单位的白名单。property-value-blacklist
: 指定一个不允许使用键值对的黑名单。property-value-whitelist
: 指定一个允许使用键值对的白名单。property-whitelist
: 指定一个允许使用属性的白名单。
声明
declaration-bang-space-after
: 在声明的优先级后指定一个空格或禁止留有空格。declaration-bang-space-before
: 在声明的优先级前指定一个空格或禁止留有空格。declaration-colon-newline-after
: 在声明的冒号后指定一个换行符或禁止留有空格。declaration-colon-space-after
: 在声明的冒号后指定一个空格或禁止留有空格。declaration-colon-space-before
: 在声明的冒号前指定一个空格或禁止留有空格。declaration-no-important
: 禁止在声明内使用!important
。
声明块
declaration-block-no-duplicate-properties
: 禁止在声明块内出现重复属性。declaration-block-no-shorthand-property-overrides
: 禁止使用速记属性重写相关属性。declaration-block-properties-order
: 指定声明块内属性的顺序。declaration-block-semicolon-newline-after
: 在声明块的分号后指定一个换行符或禁止留有空格。declaration-block-semicolon-newline-before
: 在声明块的分号前指定一个换行符或禁止留有空格。declaration-block-semicolon-space-after
: 在声明块的分号后指定一个空格或禁止留有空格。declaration-block-semicolon-space-before
: 在声明块的分号前指定一个空格或禁止留有空格。declaration-block-single-line-max-declarations
: 在单行声明块中限制声明的数量。declaration-block-trailing-semicolon
: 在声明块内指定或禁止尾随分号。
块
block-closing-brace-newline-after
: 在块的右大括号后指定一个换行符或禁止留有空格。block-closing-brace-newline-before
: 在块的右大括号前指定一个换行符或禁止留有空格。block-closing-brace-space-after
: 在块的右大括号后指定一个空格或禁止留有空格。block-closing-brace-space-before
: 在块的右大括号前指定一个空格或禁止留有空格。block-no-empty
: 禁止空块。block-no-single-line
: 禁止单行块。block-opening-brace-newline-after
: 在块的左大括号后制定一个换行符。block-opening-brace-newline-before
: 在块的左大括号前指定一个换行符或禁止留有空格。block-opening-brace-space-after
: 在块的左大括号后指定一个空格或禁止留有空格。block-opening-brace-space-before
: 在块的左大括号前指定一个空格或禁止留有空格。
根选择器
root-no-standard-properties
: 禁止使用标准属性内的:root
选择器。
选择器
selector-class-pattern
: 指定类选择器的模式(模式指的是正则表达式)。selector-combinator-space-after
: 在复合选择器之后要求或不允许留有一个空格。selector-combinator-space-before
: 在复合选择器之前要求或不允许留有一个空格。selector-id-pattern
: 指定 id 选择器的模式。selector-max-specificity
: 限制选择器的特异性。selector-no-attribute
: 禁止属性选择器。selector-no-combinator
: 禁止复合选择器。selector-no-id
: 禁止 id 选择器。selector-no-type
: 禁止类型选择器。selector-no-universal
: 禁止通用选择器。selector-no-vendor-prefix
: 禁止选择器添加供应商前缀。selector-pseudo-element-colon-notation
: 为伪元素指定适当的单或双冒号。selector-root-no-composition
: 禁止复合:root
选择器。
选择器列表
selector-list-comma-newline-after
: 在选择器列表的逗号后指定一个换行符或禁止留有空格。selector-list-comma-newline-before
: 在选择器列表的逗号前指定一个换行符或禁止留有空格。selector-list-comma-space-after
: 在选择器列表的逗号后指定一个空格或禁止留有空格。selector-list-comma-space-before
: 在选择器列表的逗号前指定一个空格或禁止留有空格。
规则
rule-nested-empty-line-before
: 要求或不允许嵌套规则前留有空行。rule-non-nested-empty-line-before
: 要求或不允许非嵌套规则前留有空行。
媒体特性
media-feature-colon-space-after
: 在媒体特性的冒号后指定一个空格或禁止留有空格。media-feature-colon-space-before
: 在媒体特性的冒号前指定一个空格或禁止留有空格。media-feature-name-no-vendor-prefix
: 禁止媒体特性属性名添加供应商前缀。media-feature-no-missing-punctuation
: 确保非布尔型媒体特性具有所需的标符:一个冒号或范围运算符。media-feature-range-operator-space-after
: 在媒体特性的范围运算符后指定一个空格或禁止留有空格。media-feature-range-operator-space-before
: 在媒体特性的范围运算符前指定一个空格或禁止留有空格。
自定义媒体
custom-media-pattern
: 指定自定义媒体查询的名称模式。
媒体查询
media-query-parentheses-space-inside
: 在媒体查询括号内要求或不允许留有一个空格。
媒体查询列表
media-query-list-comma-newline-after
: 在媒体查询列表的逗号后指定一个换行符或禁止留有空格。media-query-list-comma-newline-before
: 在媒体查询列表的逗号前指定一个换行符或禁止留有空格。media-query-list-comma-space-after
: 在媒体查询列表的逗号后指定一个空格或禁止留有空格。media-query-list-comma-space-before
: 在媒体查询列表的逗号前指定一个空格或禁止留有空格。
AT规则
at-rule-empty-line-before
: 在 AT规则 前要求或不允许留有空行。at-rule-no-vendor-prefix
: 禁止 AT规则 添加供应商前缀。
注释
comment-empty-line-before
: 要求或不允许注释前面留有一个空格。comment-whitespace-inside
: 要求或不允许注释内留有一个空格。
常用样式
indentation
: 指定缩进。max-empty-lines
: 限制相邻的空行数。max-line-length
: 限制每行的长度。max-nesting-depth
: 限定嵌套深度。no-browser-hacks
: 禁止使用与目标的浏览器无关的 CSS hack。no-descending-specificity
: 禁止特异性较低的选择器在特异性较高的选择器之后重写。no-duplicate-selectors
: 禁止使用重复的选择器。no-eol-whitespace
: 禁止行尾留有空白。no-indistinguishable-colors
: 禁止使用极其相似的颜色。no-invalid-double-slash-comments
: 禁止使用 CSS 不支持的双斜线注释 (//...
) 。no-missing-eof-newline
: 要求文件结尾留有换行符。no-unknown-animations
: 禁止 animation 使用 与@keyframes
声明不对应的名称。no-unsupported-browser-features
: 禁止使用目标浏览器不支持的属性。
stylelint 规则相关推荐
- 前端代码检查工具之stylelint使用指南
作为前端开发leader你必须要对组员开发的代码制定适合项目的开发规范,并且要做到跟踪检查,传统的做法是制定军规,比如命名方式,代码结构,注释模版,缩紧换行等等,然后通过代码review检查,但这样耗 ...
- 11无监听程序_腾讯开心鼠英语 小程序实践与总结
腾讯开心鼠英语 团队中有很多小程序的项目,且后续还会很多小程序的开发和迭代规划,因此我们团队是小程序的重度使用者.在小程序的开发中,团队积累了一些技术和经验,也遇到了一些困难和挑战,还踩了很多坑,因此 ...
- 百度工程师手把手教你实现代码规范检测工具
01 引言 代码规范是软件开发领域经久不衰的话题.在前端领域中,说到代码规范,我们会很容易想到检查代码缩进.尾逗号以及分号等等,除此之外,代码规范还包括了针对特殊场景定制化的检查.JavaScript ...
- 详解从零搭建企业级 vue3 + vite2+ ts4 框架全过程
大厂技术 高级前端 Node进阶 点击上方 程序员成长指北,关注公众号 回复1,加入高级Node交流群 本文不仅仅是搭建个脚手架这么简单,还会带你了解每一步.甚至每一个配置项的作用,和每个配置的知 ...
- plsql developer无监听程序_腾讯开心鼠英语 小程序实践与总结
腾讯开心鼠英语 团队中有很多小程序的项目,且后续还会很多小程序的开发和迭代规划,因此我们团队是小程序的重度使用者.在小程序的开发中,团队积累了一些技术和经验,也遇到了一些困难和挑战,还踩了很多坑,因此 ...
- 【几乎最全/全网最长的 2 万 字】前端工程化完整流程:从头搭到尾(vue3 + vite + qiankun + docker + tailwindcss + iview......)
文章目录 一.完整构建流程 1.在指定目录下执行 pnpm init,初始化 package.json 2.执行 pnpm install vite -D,安装 vite. 3.package.jso ...
- 透视前端工程化之一:模板功能设计
1 项目模板 我们的项目框架都是基于项目模板生成的.学过 JS 的知道: function Person(name = 'ant') {this.name = name; } let man = ne ...
- 【Chrome插件开发】ReRes和request-interceptor源码赏析+复现+插件开发完整解决方案
文章目录 引言 亮点 Chrome插件ReRes源码赏析 Chrome插件request-interceptor background.js源码赏析 技术选型 配置stylelint vscode配置 ...
- css规则_CSS规则,将使您的生活更轻松
css规则 by Nick Gard 尼克·加德(Nick Gard) CSS规则,将使您的生活更轻松 (CSS rules that will make your life easier) Afte ...
最新文章
- Linux常用命令及Shell的简单介绍
- java随机数去重排序_数组去重及排序/0~10随机数字/字符串中出现最多的字符及次数...
- Object类与Objects类总结
- 2018年python薪资_2018年国内就业薪资高的7大编程语言排行
- .NET 6新特性试用 | 文件范围的命名空间
- K8s中Pod健康检查源代码分析
- 如何将 MySQL 去重操作优化到极致?| CSDN 博文精选
- Harmony OS — ToastDialog提示对话框
- c++提取map key_写 React / Vue 项目时为什么要在列表组件中写 key,其作用是什么?...
- linux的make命令是什么,Linux中make, make install命令分别是什么
- 推荐6款程序员开发编译工具
- 利用laravel框架创建todos
- 软件供应链平台汇新云
- MyEclipse 使用教程
- exe msdt 无法上网_msdt.exe文件下载
- 如果十二星座都有自己的专属 App,你会是哪一款?
- Android开发——网络请求(一)网络请求的API、授权和方法
- 关于周报的写法和原则
- 微软超融合+混合云:源自Azure技术的超融合架构
- Chrome Extension 介绍
热门文章
- ta leader是什么岗位_阿里专家:如何成为一名“值得跟”的Leader?
- java逆序对距离之和,七天刷完剑指offer-【第27道-第37道】
- 电大计算机基础知识机考题,电大《计算机应用基础》网考机考单选题大汇总
- 光彩集团小宇智能机器人_【青春关注】集团公司首台智能巡检机器人在我矿上线运行...
- 杀毒软件可以查杀所有计算机病毒吗,好的杀毒软件可以查杀任何病毒,对还是错?...
- java stream Collectors
- opencv 直方图均等化
- Flask make_response(*args)
- numpy 算术运算(Arithmetic operations)
- python上传钉钉媒体文件_钉钉媒体文件上传