是否有一个工具将是浏览器中的确切CSS类?

时间:2011-06-09 04:01:41

标签: css wordpress

我在我的机器上安装了Firebug和IE Web Developers的工具栏,它们对调查CSS类,DIV等很有帮助。我的问题是我在Wordpress(自定义Genesis主题)工作,我需要知道CSS类嵌套时的确切语法。是的,我可以查看代码并查看代码,但我无法成功派生CSS类。

例如:

  < DIV   ID = “内部” >      < DIV   ID =“内容栏缠绕”>      < DIV   ID = “栏-ALT”   类=“侧边栏   窗口小部件区域“>      

< DIV   ID = “菜单页面-7”   类=“窗口小部件   menupages“>< div   类= “插件缠绕” >

     < UL   类= “NAV” >      < li class =“page_item   page-item-12 current_page_ancestor   current_page_parent“>      

<一个   HREF = “http://mywebsite.org/wordpress/about-us/”   title =“关于我们”>关于   我们< / A> < UL   类= “孩子” >

     < li class =“page_item   页面项目-117   current_page_item“>      <一个   HREF = “http://mywebsite.org/wordpress/about-us/contact-us/”   标题=“联系   我们“>联系我们< / a>      < /锂>

我希望父级具有与子项不同的格式,但

  #sidebar-alt .nav li {      border-bottom:0px虚线#003893;      }

没有按照我想要的方式发生任何事情。

是的,我意识到我需要更好地学习我的CSS,但是有很多嵌套,我只想拥有一个浏览器工具,可以让我点击页面的一部分,它会告诉我这个文本的类是什么以及类应该如何在CSS中读取。当我在Firebug中使用Inspect时,我会获得许多不同的现有类,但不一定是我可以添加到样式表中以进行自定义的完全类。

非常感谢任何帮助。

1 个答案:

答案 0 :(得分:0)