Font Awesome图标不适用父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; 
}