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

Question

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

你能帮我得到这个菜单的css代码吗？我的英语一点也不懂，但我想你明白我的意思。

Answer 1

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

Answer 2

右键单击特定位置，然后单击“检查元素”。在浏览器底部，您可以看到选定的 div，右侧可以看到 css。如果您使用Firefox，它将提供更多选择

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

Answer 3

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

   $('div[class=globalnav-wrapper]')

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

   div[class=globalnav-wrapper]

   firefox 在从网页中查找元素方面比 chrome 更容易、更好。