0

我试图在以下代码中定位类 .page-has-children ：

<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

他们都不允许我看到有孩子的菜单项上的箭头。

4

1 回答 1

0

你有没有尝试过：

#dc_jqverticalmegamenu_widget-2 #dc_jqverticalmegamenu_widget-2-item #menu-media-intellectual-property .page-has-children {

}
于 2012-07-19T14:45:07.607 回答