找出css应用于元素的最佳方法

Question

我开始使用引导程序模板构建一个站点，但我很难弄清楚如何调整css。例如，表格可能会延伸到整个页面。但是当我使用F12来查看css时，我看不到任何与表格周围任何宽度属性相关的内容。有没有更好的方法来确定正在应用或继承的css？

Answer 1

您可以使用Google Chrome元素检查器。右键单击div或任何其他页面元素，然后单击“检查元素”。从那里，您可以查看正在应用于特定元素的CSS。

Answer 2

看看bootstrap.css文件里面应该有很多代码，并不是每个元素都有自己独立的css，有些元素是一起定义的

Answer 3

查看名为SnappySnippet的Chrome插件。 （另外，准备好惊讶）

Answer 4

如果您使用谷歌开发工具（F12），导航选项卡将允许您单击“资源”。单击它时，您可以查看脚本，样式表，查看使用的图像列表等等。

如果您点击Google开发工具（F12）中的“放大镜”，则可以将鼠标悬停在页面上的任何元素上。单击该元素，在右侧将显示CSS。通常在css中调用样式表。