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;
}

为什么跨度中的文本"关闭"变为绿色或消失？

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

Answer 1

你有一个拼写错误,在HTML中,span类被定义为

.icon-label 

但它在CSS中

.icon_label