仅当CSS类位于某些其他类下时才修改CSS类内容?

仅当CSS类位于某些其他类下时才修改CSS类内容?,css,Css,我有一个特定的CSS类,它在我的布局中表现正常,但如果它位于bootstrap的accordion类下,它就不能这样做。经过一些调整后,它在手风琴内工作正常,但在其他地方它会破坏它的外观 如何最好地在CSS中定义以下内容: 最初定义A类 如果A类属于B类,是否对A类进行以下修改 您已经描述了CSS、子代和后代选择器的基本部分 您可以使用子体选择器父子体,或子选择器父项>子项,来更改嵌套在另一个元素中时元素的外观/行为 更多信息: .A{ 宽度:25px; 高度:25px; 背景色:红

我有一个特定的CSS类,它在我的布局中表现正常,但如果它位于bootstrap的accordion类下,它就不能这样做。经过一些调整后,它在手风琴内工作正常,但在其他地方它会破坏它的外观

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

  • 最初定义A类
  • 如果A类属于B类,是否对A类进行以下修改

您已经描述了CSS、子代和后代选择器的基本部分

您可以使用子体选择器
父子体
,或子选择器
父项>子项
,来更改嵌套在另一个元素中时元素的外观/行为

更多信息:

.A{
宽度:25px;
高度:25px;
背景色:红色;
}
.B{
边缘顶部:10px;
宽度:50px;
高度:50px;
背景色:#ccc;
}
B.A{
背景颜色:黄色;
}
.B>.A{
背景颜色:蓝色;
}


寻求调试帮助的问题(“为什么此代码不起作用?”)必须包括所需的行为、特定的问题或错误以及在问题本身中重现这些问题所需的最短代码。参见@Paulie_D,他们描述了“父选择器”的反面<代码>如果A在B下,修改A,而不是
如果A在B下,修改B
。好的观点…删除。