CSS Selectors& Bootstrap Carousel:无法看到溢出

时间:2015-06-01 01:05:33

标签: css twitter-bootstrap ghost

出于某种原因,我无法专门覆盖.inner-carousel

的溢出隐藏属性

此代码完成一般情况下的工作:

   .carousel-inner{
      overflow: visible;
    }

但我想在特定的情况下,只有当我在转盘div中使用aside标签时,溢出才会变得可见(即旁边将是可见的)。

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

   .carousel-inner aside {
      overflow: visible;
    }

可能会发生什么?

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

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

编辑:我注意到this问题直接回答了我的问题。出于某种原因,虽然我无法实现解决方案。因此,如果有人有其他建议,我会很高兴听到它。

1 个答案:

答案 0 :(得分:0)

你想做的事情在CSS中是不可能的,因为你可以真正地瞄准"父母"使用基于特定子配置的选择器。然后,您需要运行一些javascript / jQuery代码,以便为所有div添加一个类,作为旁边元素的直接父级。

这是一个jQuery示例:

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

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

一旦你实现了这个,你可以轻松地将任何属性附加到这个类,是overflow还是我的例子中的基本文本颜色...