字體真棒圖標不適父CSS規則

Question

視頻預覽蓋必須保持，只是看不見。我無法設法使字體真棒圖標隱藏其餘的內容。我試過，我知道的

http://codepen.io/QwisoDev/pen/jEbgzo

.video-preview-cover:hover { 
    color: rgba(0,0,0,0) !important; 
    background-color: rgba(0, 0, 0, 0) !important; 
} 

這個CSS隱藏所有的文字和「揭示」下面的佔位符任何技巧，但它並不適用於該圖標

Answer 1

這裏有一個快速解決您的問題

.video-preview-cover:hover .fa-heart { 
display: none!important; 
}