2015-06-01 57 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或在我的例子中基本的文本顏色...