根據子類的類別設置目標父元素

我正在使用bootstrap multiselect庫。我將選項分組在一起，我想要設置組標題。在HTML結束，如：根據子類的類別設置目標父元素

<div id="status-dropdown"> 
    <ul> 
     <li> 
      <label class="multiselect-group">Group 1</label> 
     </li> 
     <li class="customDropdownUL"> 
      <a href="javascript:void(0);"> 
       <label class="checkbox"> 
        <input type="checkbox" value="Option A"> Option A</label> 
      </a> 
     </li> 
     <li> 
      <label class="multiselect-group">Group 2</label> 
     </li> 
     <li class="customDropdownUL"> 
      <a href="javascript:void(0);"> 
       <label class="checkbox"> 
        <input type="checkbox" value="Option B">Option B</label> 
      </a> 
     </li> 
     <li class="customDropdownUL"> 
      <a href="javascript:void(0);"> 
       <label class="checkbox"> 
        <input type="checkbox" value="Option C"> Option C</label> 
      </a> 
     </li> 
    </ul> 
</div>

我的CSS是：

li{ 
    list-style-type: none; 
} 

#status-dropdown li:has(> label.multiselect-group) { 
    background: none repeat scroll 0 0 whitesmoke; 
    padding-left: 10px; 
}

因此，如果li擁有一流的multiselect-group一個label然後給它一個背景和填充。但是，這不起作用。看到jsfiddle here。

注：我不能簡單地在李上放一個類，因爲我需要修改庫來做到這一點。

如何根據孩子的類別定位父元素？

來源

2015-09-17 Mark

@Turnerj：那編輯是破壞行爲，應該不**已被批准，更不用說改進了。 – BoltClock

@BoltClock，呃，我不明白那個破壞是在哪裏編輯的。如果我錯了，這很酷，你能解釋究竟是錯的嗎？（也許在聊天中） – Turnerj

@Turnerj：代碼格式用於不是代碼的東西，比如「library」，「HTML」，「class」和「child」。唯一需要編輯的代碼是已經存在的問題。您的更改沒有問題，但其他編輯則沒有。 – BoltClock

您似乎試圖使用Selectors 4中的:has()僞類。雖然您正確使用它，但此功能尚未實施，因此無法在任何地方使用。

目前沒有基於CSS的替代方案。有關更新和解決方法，請參閱Is there a CSS parent selector?。

來源

2015-09-17 08:42:07 BoltClock

根據子類的類別設置目標父元素

回答

相關問題