当前位置:首页 > 文章列表 > 文章 > 前端 > Stylelint 如何阻止 top/bottom/left/right 属性自动转换为 inset?

Stylelint 如何阻止 top/bottom/left/right 属性自动转换为 inset?

2024-11-26 08:46:03 0浏览 收藏

文章小白一枚,正在不断学习积累知识,现将学习到的知识记录一下,也是将我的所得分享给大家!而今天这篇文章《Stylelint 如何阻止 top/bottom/left/right 属性自动转换为 inset?》带大家来了解一下##content_title##,希望对大家的知识积累有所帮助,从而弥补自己的不足,助力实战开发!


Stylelint 如何阻止 top/bottom/left/right 属性自动转换为 inset?

stylelint 阻止 top/bottom/left/right 属性自动转换为 inset

在项目中配置了 stylelint 后,发现提交代码时,top、bottom、left 和 right 属性会被自动合并为 inset 属性。如何禁止这种转换?

解决方案:

在 stylelint 规则中添加以下配置:

"declaration-block-no-redundant-longhand-properties": null

此配置将允许同时保留 longhand 属性(如 top、bottom、left 和 right)和 inset 属性。

添加此配置后,将禁用对已配置规则的自动转换,代码提交也不会再触发合并为 inset 属性。

到这里,我们也就讲完了《Stylelint 如何阻止 top/bottom/left/right 属性自动转换为 inset?》的内容了。个人认为,基础知识的学习和巩固,是为了更好的将其运用到项目中,欢迎关注golang学习网公众号,带你了解更多关于的知识点!

WebStorm 格式化 HTML 代码时,如何让标签换行而属性保持在一行? 
WebStorm 格式化 HTML 代码时,如何让标签换行而属性保持在一行?
上一篇
WebStorm 格式化 HTML 代码时,如何让标签换行而属性保持在一行?
如何编写规范、易于维护的 CSS 代码?
下一篇
如何编写规范、易于维护的 CSS 代码?
查看更多
最新文章
2. CSS 样式使用 ::after 伪元素来在图片上叠加文字: .im">
文章 · 前端   |  7小时前  |  
图片
2. CSS 样式使用 ::after 伪元素来在图片上叠加文字: .im">CSS图片上叠加文字的实现方法,主要通过使用伪元素(如 ::after)来在图片上方添加内容。以下是详细步骤和示例代码:1. HTML 结构假设你有一个包含图片的容器,结构如下:
图片
2. CSS 样式使用 ::after 伪元素来在图片上叠加文字: .im
318浏览 收藏
查看更多
课程推荐
查看更多
AI推荐
查看更多
相关文章
微信登录更方便
  • 密码登录
  • 注册账号
登录即同意 用户协议隐私政策
返回登录
  • 重置密码