0
我努力的目标类。第-有子女在下面的代码:瞄准一类的CSS ID
<div id="dc_jqverticalmegamenu_widget-2" class="widget sidebarwidget ">
<div class="dcjq-vertical-mega-menu" id="dc_jqverticalmegamenu_widget-2-item">
<ul id="menu-media-intellectual-property" class="menu">
<li id="menu-item-2674" class="page-has-children menu-item menu-item-type-post_type menu-item-object-page menu-item-2674">
<a href="http://saracens.staging.wpengine.com/commercial-clients/commercial-litigation/media-and-intellectual-property">Media and Intellectual Property</a>
<ul class="sub-menu">
<li id="menu-item-2672" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2672">
<a href="http://saracens.staging.wpengine.com/commercial-clients/commercial-litigation/media-and-intellectual-property/it-and-software-disputes">IT and Software Disputes</a>
</li>
<li id="menu-item-2673" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2673">
<a href="http://saracens.staging.wpengine.com/private-clients/civil-litigation/media-and-intellectual-property/trademarks-and-patents">Trademarks and Patents</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
我试过多种变化,但我敢肯定这一个应工作:
#dc_jqverticalmegamenu_widget-%ID%-item li.page-has-children {}
我也试过
div.dcjq-vertical-mega-menu li.page-has-children {
background: url(images/arrow-right.gif) no-repeat -3px 0px;
padding: 0 0 0 15px;
cursor: pointer;
}
我也试着从这个论坛上发帖建议:http://css-tricks.com/forums/discussion/10960/target-a-class-inside-id/p1
他们都不允许我看到有子女的菜单项上的箭头。
建议:暂时补充'背景色:red'的选择,使之非常清楚它是否工作(容易知道它的工作比更微妙的属性),然后还使用FireBug,IE/Chrome开发工具来检查选择器是否匹配。由于id是唯一的,在选择器中有多个id选择器是毫无意义的(或者你有非唯一ID吗?) – Richard 2012-07-19 15:27:59
也建议从一些极其简化的(特别是在提问时)开始:即使代码清理某人(或某些CMS ?)似乎想压力测试多个类的浏览器功能。 – Richard 2012-07-19 15:32:24
菜单上的ID是唯一的,它们在php中用%ID表示。我能够瞄准正确的ID,并且我认为我可以针对正确的课程,但是我认为它可能会被覆盖或从某个地方继承。我已经检查了萤火虫和铬,它显示了红色文字的颜色被击出,我认为这意味着它的覆盖或不应用? – 2012-07-20 09:08:02