Chrome开发者工具Element style里的Computed标签页-阿里云开发者社区

开发者社区> -开发者助手-> 正文

Chrome开发者工具Element style里的Computed标签页

简介: Chrome开发者工具Element style里的Computed标签页
+关注继续查看

View only the CSS that’s actually applied to an element

根据Chrome开发者工具文档介绍,styles标签页里显示的是所有施加到一个HTML element的CSS rules,包含被overriden过的rule. 如果对这些被覆盖的rule不感兴趣,可以切换到computed标签页,这里只列出真正生效的rule.


The Styles tab shows you all of the rules that apply to an element, including declarations that have been overridden. When you’re not interested in overridden declarations, use the Computed tab to view only the CSS that’s actually being applied to an element.

image.png

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
使用OpenApi弹性释放和设置云服务器ECS释放
云服务器ECS的一个重要特性就是按需创建资源。您可以在业务高峰期按需弹性的自定义规则进行资源创建,在完成业务计算的时候释放资源。本篇将提供几个Tips帮助您更加容易和自动化的完成云服务器的释放和弹性设置。
12069 0
html页面和Chrome开发者工具elements界面不一致的一个可能原因:没有在Chrome开发者工具里打开对Shadow DOM显示的支持
html页面和Chrome开发者工具elements界面不一致的一个可能原因:没有在Chrome开发者工具里打开对Shadow DOM显示的支持
11 0
使用Chrome开发者工具研究JavaScript函数的原生实现原理
使用Chrome开发者工具研究JavaScript函数的原生实现原理
5 0
介绍一个Material设计风格的Chrome开发者工具增强扩展
介绍一个Material设计风格的Chrome开发者工具增强扩展
12 0
2450
文章
0
问答
来源圈子
更多
+ 订阅
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载