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

Html 如何从网页的指定元素获取css,html,css,web-developer-toolbar,Html,Css,Web Developer Toolbar,我一直想知道如何从网页的指定元素获取css代码 一些网站有一个我喜欢的元素,我想添加到我的本地主机页面,例如:菜单栏。我在谷歌浏览器中使用inspect元素,我知道如何获取html代码,但现在该元素的css。 我查看了apple.com,我想将该菜单栏添加到我的本地主机站点。这是菜单栏的类 你能帮我获取这个菜单的css代码吗?我的英语一点也不懂,但我想你能理解我。右键单击特定位置,然后单击 “检查元件” . 在浏览器底部,您可以看到选定的div,右侧可以看到css。如果您使用firefox,它将

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


你能帮我获取这个菜单的css代码吗?我的英语一点也不懂,但我想你能理解我。

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

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

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

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

在chrome中按F12键后导航到资源选项卡,然后展开目录树。您将看到css右键单击它并选择
保存或另存为
在chrome中按F12键后导航到资源选项卡,然后展开目录树。您将看到css右键单击它并选择
保存或另存为

  • 如果您使用的是chrome:-

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

  • 如果您使用的是Firefox,请下载firebug和firepath,然后单击inspect with firepath并在元素页面的下拉列表中选择CSS,然后写:-

    div[class=globalnav包装器]

    firefox比chrome更容易从网页中找到元素

  • 如果您使用的是chrome:-

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

  • 如果您使用的是Firefox,请下载firebug和firepath,然后单击inspect with firepath并在元素页面的下拉列表中选择CSS,然后写:-

    div[class=globalnav包装器]

    firefox比chrome更容易从网页中找到元素


  • 如果网站作者限制了css的显示,你就不能查看css。或者你可以在firefox中尝试,在firefox中查看Yes,你就可以得到清晰的结果css@Ninad你有关于如何限制CSS显示的链接吗?我甚至不认为这是可能的。如果网站作者限制了css的显示,你就不能查看css。或者你在firefox中尝试,在firefox中看到Yes,你就可以得到明确的答案css@Ninad你有关于如何限制CSS显示的链接吗?我甚至不认为这是可能的。这是我添加的代码,这是我得到的,可以肯定的是,我制作了外部css文件copy,下面所有的css用于ul,ul。。这将纠正menuThis是我添加的代码,这是我得到的,可以肯定的是,我制作了外部css文件Coppy所有以下ul,ul的css。。那会更正菜单