如何获取元素的完整CSS代码

Question

我是CSS新手，刚学会了如何检查元素。我的问题是如何获得元素的完整/完整CSS代码？

假设我需要一个表格的完整css代码（https://townends.co.uk），请在主页上查看搜索表单，如何获得该模块的整个代码？

提前致谢。

A

Answer 1

右键单击 - ＆gt;从网站查看页面来源。

然后找到“＆lt; link rel ='stylesheet'”关键字。您已将所有css文件关联起来。

Answer 2

听起来您可以在浏览器中使用开发工具。它们对于查看实际影响您网站中不同元素的内容非常有帮助。取决于您使用的浏览器，它的快捷方式是不同的。我最喜欢的浏览器开发工具套件是在Firefox中（也可以查看Firefox的开发人员版本）。

在Firefox的开发工具中，您可以单击指向最高级别选项卡中的框的箭头。这允许您将鼠标悬停在页面上的任何元素上，并显示影响元素的类和ID，以及底部屏幕开发工具分区中元素使用的规则。浏览器中有许多有用的工具，所以稍微探讨一下它可能会提高你的工作效率。