CSS不起作用?Firefox 70将引入“非活跃CSS”快速排查CSS属性
2019-09-15 22:12
1726 查看
在最新的 Firefox 70 Beta 版本中,引入了一项名为“Inactive CSS”(非活跃 CSS)的功能,DevTool 新工具将为开发者展示哪些 CSS 属性不会影响所选元素以及原因,这将大大节省开发者的时间。
具体情况是,当选中一个元素时,元素的 CSS 属性如果对其没有影响,那么这个属性旁边会显示一个信息框,说明其不会起作用,并且解释原因。以上图为例:flex-grow 的设置不会在 .outer-wrapper 中生效,因为它不是一个 flex 项。此外,信息框中还会给出改进建议。
这些 CSS 工具对于前端工程师或者故障排查都能提供极大的便利,具体情况可以查看「阅读原文」。
开源中国征稿啦!
开源中国 www.oschina.net 是目前备受关注、具有强大影响力的开源技术社区,拥有超过 400 万的开源技术精英。我们传播开源的理念,推广开源项目,为 IT 开发者提供一个发现、使用、并交流开源技术的平台。
现在我们开始对外征稿啦!如果你有优秀的技术文章想要分享,热点的行业资讯需要报道等等,欢迎联系开源中国进行投稿。投稿详情及联系方式请参见:我要投稿
相关文章推荐
- table中bordercolor属性设置后最新ie浏览器或firefox中不显示边线,借助table的css来实现边线
- CSS快速学习2:选择符权重和字体类属性
- css引入方式,选择器,属性,行内、块级元素--Day3
- filter等onlyie的css属性避免在非ie浏览器firefox等的控制台中报错的方法:
- css快速剪切图片的方法和clip属性介绍
- 前端基础----CSS语法、CSS四种引入方式、CSS选择器、CSS属性操作
- mark: firefox获取dom节点css属性
- 引入外部css文件时最好加上type属性,否则有可能引入失败
- css 自动换行 强制换行属性 (firefox+ie)
- firefox的css私有属性
- div css Firefox和IE浏览器兼容问题 用CSS实现cellSpacing属性效果
- -moz-border-radius CSS属性演示源代码:FireFox下圆角矩形
- 快速记住CSS样式属性单词及输入HTML+CSS的方法
- 【php基础班】第7天 overflow属性、CSS引入方式、定位、布局、margin合并问题、浏览器兼容
- CSS快速学习3:文本、背景等属性
- 针对特定浏览器起作用的CSS: IE Chrome Firefox CSS Hack
- css 自动换行 强制换行属性 (firefox+ie)
- Firefox 私有的CSS属性
- Vue style里面使用scoped属性并@import引入外部css, 作用域是全局的解决方案
- css pre如果同时运用了css的border-radius、 overflow两个属性且标签中内容太多时,外部div滚动条在firefox下滚动时很卡