css - CSS 选择器和引导轮播：无法显示溢出

Question

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

此代码在一般情况下完成工作：

   .carousel-inner{
      overflow: visible;
    }

但我希望在特定情况下，只有当我aside在轮播 div 中使用标签时，溢出才会变得可见（即旁边可见）。

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

   .carousel-inner aside {
      overflow: visible;
    }

会发生什么？

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

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

编辑：我注意到这个问题直接回答了我的问题。出于某种原因，尽管我无法实施解决方案。因此，如果有人有其他建议，我很乐意听到。

score 0 · Accepted Answer

您想要做的事情在 CSS 中是不可能的，因为您不能真正使用基于特定子配置的选择器来定位“父母”。然后，您将需要一些 javascript/jQuery 代码来运行，以便将一个类添加到所有 div 中，这些 div 是一个 side 元素的直接父级。

这是一个 jQuery 示例：

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

一旦你实现了这个，你可以很容易地将任何属性附加到这个类，overflow或者在我的例子中是基本文本颜色......

1 回答 1