瞄準一類的CSS ID

我努力的目標類。第-有子女在下面的代碼：瞄準一類的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

他們都不允許我看到有子女的菜單項上的箭頭。

來源

2012-07-19 Khuram Malik

建議：暫時補充'背景色：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

你嘗試過：

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

}

來源

2012-07-19 14:45:07 DOCbrand

試過了。似乎沒有任何區別。我真的認爲CSS被覆蓋，但檢查Firebug和Chrome，我不知道哪個屬性是壓倒一切。 – 2012-07-20 09:09:50

瞄準一類的CSS ID

回答

相關問題