不能使用带有display的css：none＆amp;显示：块

Question

我可以选择2个选项..当用户选择一个时，我会为他们提出问题。我对那个部分没问题但是它有效，但是当我对css做任何事情时它停止工作。我正在使用display：none＆amp;显示：块我下面附有一个小提琴，所以我可以保持这种短小。

<select>
<option value=>owner</option>
<option value=>non-owner</option>
</select>

.list { display:none; }
.list.active { 
display:block

http://jsfiddle.net/philyphil/CcVsz/embedded/result/

Answer 1

我不确定我是否理解这个问题，但是我可以收集的症状告诉我，在显示之后你没有添加分号：阻止，在添加任何其他CSS之前。你需要这个：

.list { display: none; }
.list.active { 
    display: block; 

    /* Any other CSS after this should work fine.
       For example */
    background-color: #BBBBBB;
}

如果那不是问题，那么请澄清你究竟改变了什么导致它停止工作。