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

Question

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

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

提前致谢。

一个

Answer 1

右键单击->从站点查看页面源代码。

然后找到“

Answer 2

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

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