仅当CSS类内容位于某个其他类下时才修改它？

Question

我有一个特殊的CSS类在我的布局中表现良好，但如果它位于bootstrap的手风琴类下则不能这样做。经过一些调整后，它在手风琴中工作正常，但随后在其他地方打破了它的外观。

如何最好在CSS中定义以下内容：

• 最初定义A类
• 如果A类属于B类，请对A类进行以下修改？

Answer 1

你已经描述了CSS的一个基本部分，儿童和儿童后代选择器。

您可以使用后代选择器<ListView ItemsSource="{Binding SourceList}" ScrollViewer.HorizontalScrollBarVisibility="Disabled"> 或子选择器parent descendant来更改元素嵌套在另一个元素中时的外观/行为方式。

更多信息：

• Getting started with CSS selectors。
• Specificity

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;
}