出于某种原因,我无法专门覆盖.inner-carousel
。
此代码完成一般情况下的工作:
.carousel-inner{
overflow: visible;
}
但我想在特定的情况下,只有当我在转盘div中使用aside
标签时,溢出才会变得可见(即旁边将是可见的)。
奇怪的是,这段代码不起作用。
.carousel-inner aside {
overflow: visible;
}
可能会发生什么?
我在Bootply上重新创建了一个最小的例子。
当您将.carousel-inner aside{
更改为.carousel-inner{
时,我想要的结果会有效。问题是它然后适用于所有元素,我只想将它应用于aside
。
编辑:我注意到this问题直接回答了我的问题。出于某种原因,虽然我无法实现解决方案。因此,如果有人有其他建议,我会很高兴听到它。
答案 0 :(得分:0)
你想做的事情在CSS中是不可能的,因为你可以真正地瞄准"父母"使用基于特定子配置的选择器。然后,您需要运行一些javascript / jQuery代码,以便为所有div添加一个类,作为旁边元素的直接父级。
这是一个jQuery示例:
$(document).ready( function(){
$('aside').each(function(){
$(this).parents('.carousel-inner').addClass('withaside');
});
});
小提琴:https://jsfiddle.net/su83yo5k/
一旦你实现了这个,你可以轻松地将任何属性附加到这个类,是overflow
还是我的例子中的基本文本颜色...