2015-06-01 23 views
0

由于某些原因,我无法专门覆盖.inner-carousel的溢出隐藏属性。CSS选择器&引导传送带:无法获得可见的溢出

此代码在一般情况下工作:

.carousel-inner{ 
     overflow: visible; 
    } 

但我想它,只有当我使用aside标签转盘内的div的溢出将成为可见的特定情况下(即旁边会显示)。

奇怪的是,这个代码不起作用。

.carousel-inner aside { 
     overflow: visible; 
    } 

怎么回事?

我在Bootply上重新创建了一个最小示例。

当您将.carousel-inner aside{更改为.carousel-inner{时,我想要的结果将起作用。问题是它适用于所有元素,我只想将它应用于aside

编辑:我注意到this问题直接回答了我的问题。出于某种原因,尽管我无法实现解决方案。所以如果有人有另一个建议,我很乐意听到它。

回答

0

你想要做什么在CSS中是不可能的,因为你不能根据特定的子配置来选择带有选择器的“父母”。然后,您需要运行一些javascript/jQuery代码才能将所有div添加到作为旁边元素的直接父项的所有div中。

这里是一个jQuery例如:

$(document).ready(function(){ 
    $('aside').each(function(){ 
     $(this).parents('.carousel-inner').addClass('withaside'); 
    }); 
}); 

和提琴:https://jsfiddle.net/su83yo5k/

一旦你实现这一点,您可以easilly任何属性附加到这个类,是它overflow或在我的例子中基本的文本颜色...