2012-07-19 3 views
0

Я пытаюсь целевой классовые .стр-HAS-дети в следующем коде:ориентации класс КАС 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

Ни один из них не позволяет мне видеть стрелку на элементе меню, в котором есть дети.

+0

Предложить: временно добавить 'цвет фона: red' к селектору, чтобы сделать это очень ясно, если он работает (легче знать, что это работает, чем более тонкие свойства), а затем также используйте средства разработки FireBug, IE/Chrome, чтобы проверить, соответствует ли селектор. Поскольку идентификаторы уникальны, если в селекторе есть несколько селекторов id (или у вас есть уникальные идентификаторы?) – Richard

+0

Также предлагайте начать с некоторых значительно упрощенных (особенно при задании вопросов): даже с кодом очистить кого-то (или некоторого-CMS ?), похоже, хочет подчеркнуть возможность браузера для нескольких классов. – Richard

+0

Идентификаторы в меню уникальны, и они обозначаются в php с% ID. Я могу настроить правильный идентификатор, и я думаю, что я тоже могу настроить правильный класс вместе с ним, но я думаю, что он либо становится переопределенным, либо наследуется откуда-то. я проверил в firebug и chrome, и он показывает красный цвет текста, как вычеркнутый, который, я полагаю, означает, что он либо перезаписан, либо не применен? –

ответ

0

вы пробовали:

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

} 
+0

Пробовал. Кажется, не имеет никакого значения. я действительно думаю, что css переопределяется, но, проверяя Firebug и Chrome, я не могу определить, какое свойство переопределяет его. –

Смежные вопросы