将CSS ID转换为所有属性

Question

我想知道是否有一种简单的方法可以查看使用CSS ID / Classes的页面，并在每个html元素上显示ids / classes中使用的所有样式？

例如：

如果您看到除了手动浏览每个附加的css文档之外还有其他方法 - 请查看<div style="width:###px; width:###py; align:center">

感谢您的帮助！

Answer 1

浏览器检查元素功能可以帮助您实现

Firefox 浏览器

1. 右键单击有问题的页面
2. 从项目列表中选择检查元素
3. 从屏幕底部区域打开的新窗口， 单击最左侧的指针图标
4. 现在将鼠标悬停在您想要的元素上 检查。
5. 当您将鼠标悬停在各个元素上时，您会看到 在检查窗口右侧控制它的CSS 那是在底部。您可以复制，或编辑和查看即时更改

Firefox page inspector tutorial

Video tutorial on how to inspect element in firefox

Answer 2

你曾经使用过“Inspect Element”吗？ 它为您提供了元素的概述，只包含CSS文件中的相关行。 （您可以在体面浏览器的右侧菜单窗口中找到“Inspect Element”。