如何从网页的指定元素获取css

Question

我一直想知道如何从网页的指定元素中获取css代码 有些网站有一些我喜欢并希望添加到我的localhost页面的元素，例如：菜单栏。我在谷歌浏览器中使用inspect元素，我知道如何获取HTML代码但现在是元素的css。 我查看了apple.com，我想将该菜单栏添加到我的localhost站点。这是菜单栏的类<div class="globalnav-wrapper">

你能帮助我获取这个菜单的css代码吗？我的英语根本没有，但我想你了解我。

Answer 1

在Chrome中按F12后导航到资源选项卡，然后展开目录树，您将看到css右键单击它并选择save or save as

Answer 2

右键单击特定位置并单击           ＆＃34;检查元素＆＃34; 。在浏览器底部，您可以看到所选的div和右侧可以看到css。如果你使用firefox，它将提供更多选项

  globalnav-wrapper {
 position: absolute;
  z-index: 9998;
 top: 0;
 left: 50%;
margin: 18px 0 0 -512px;
width: 1024px;
}

Answer 3

1. 如果您使用的是Chrome： -

   $（ 'DIV [类= globalnav-包装]'）

2. 如果您使用的是Firefox，请下载firebug和firepath然后单击使用firepath检查并在元素页面的下拉列表中选择CSS并写入： -

   DIV [类= globalnav-包装纸]

   在从网页中查找元素时，firefox比chrome更容易且更好。