試圖在懸停上嵌套css選擇器

我想在懸停發生時運行此操作 - 將內部類的背景顏色更改爲灰色，可以使用css來完成此操作嗎？試圖在懸停上嵌套css選擇器

.thumbnail:hover { 
 
    border: 2px solid rgba(156, 162, 153, 1); 
 
    .labels .inner { 
 
    background-color: rgba(156, 162, 153, 1); 
 
    } 
 
}

來源

2015-09-09 user1186050

您是否使用了CSS預處理器（薩斯，SCSS，LESS）？ –

取決於HTML –

確保它可以：如果您使用SASS/LESS，這將預編譯

.thumbnail:hover { 
    border: 2px solid rgba(156, 162, 153, 1); 
} 

.thumbnail:hover .labels .inner{ 
    background-color: rgba(156, 162, 153, 1); 
}

即使您的樣式會的工作，款式到這個人。

另外，如@Paulie_D所說，這取決於您的標記。這將在以下情形（的一個）工作：

<div class="thumbnail"> 
    <div class="labels"> 
     <div class="inner">Foobar</div> 
    </div> 
</div>

Working fiddle

來源

2015-09-09 21:36:00 Vucko

試圖在懸停上嵌套css選擇器

回答

相關問題