CSS 按类选择，它是 id 的子级

Question

当我已经在 CSS 中通过它的 id 选择它的父级时，我似乎无法通过它的类选择一个元素。这可能是什么问题？

<div id="desktopCloseIconQuickAction" class='shown'>
  <span class="icon-label">Close</span>
</div>

CSS:

#desktopCloseIconQuickAction {
 font-size: 13px; 
 position: absolute; 
 overflow: hidden; 
 right: -115px; 
 top: 15px; 
 z-index: 9; 
 width: 70px;
 opacity: 0;
 transition: all 0.6s;
}

#desktopCloseIconQuickAction.shown {
 right: 15px;
 opacity: 1;
}

#desktopCloseIconQuickAction .icon_label {
 display: inline;
 opacity: 0;
 padding-right: 5px;
 transition: all 0.6s;
 color: green;
}

为什么 span 中的文本“CLOSE”没有变绿或消失？

JSFiddle:http://jsfiddle.net/1t8rumc5/1/

Answer 1

你打错了，在 HTML 中 span 类被定义为

.icon-label 

但在 CSS 中它是

.icon_label