僅當CSS類內容位於某個其他類時，才修改它。

我有一個特定的CSS類，在我的佈局中行爲正常，但如果它位於bootstrap的手風琴類下，則無法這樣做。經過一番調整後，它在手風琴內運作良好，但隨後在其他地方出現。僅當CSS類內容位於某個其他類時，才修改它。

它是如何最好的CSS定義如下：

最初定義A級
如果類A是B類下，適用以下修改A級？

2015-06-09 Askar Ibragimov

問題尋求幫助調試（「爲什麼不是這個代碼的工作？」）必須包括所期望的行爲，一個特定的問題或錯誤的和必要的最短的代碼在問題本身**中重現它**。請參閱[**如何創建最小，完整和可驗證示例**]（http://stackoverflow.com/help/mcve） –

@Paulie_D他們描述了「父選擇器」的*對*。 '如果A在B下，修改A'，而不是'如果A在B下，修改B'。 – Oka

好點...刪除。 –

你已經描述了CSS的基本部分，子&後裔選擇器。

您可以使用後代選擇器parent descendant或子選擇器parent > child更改嵌套在另一個元素中時元素的外觀/行爲方式。

更多信息：

.A { 
 
    width: 25px; 
 
    height: 25px; 
 
    
 
    background-color: red; 
 
} 
 

 
.B { 
 
    margin-top: 10px; 
 
    width: 50px; 
 
    height: 50px; 
 
    background-color: #ccc; 
 
} 
 

 
.B .A { 
 
    background-color: yellow; 
 
} 
 

 
.B > .A { 
 
    background-color: blue; 
 
}

<div class="A"></div> 
 

 
<div class="B"> 
 
    <div class="C"> 
 
    <div class="A"></div> 
 
    </div> 
 
</div> 
 

 
<div class="B"> 
 
    <div class="A"></div> 
 
</div>

來源

2015-06-09 09:17:21 Oka

僅當CSS類內容位於某個其他類時，才修改它。

回答

相關問題