javascript - 不能将 css 与 display:none & display:block 一起使用

Question

我有 2 个选项可供选择。当用户选择一个时，我会向他们提出问题。我对那部分没问题，它可以工作，但是当我对 css 做任何事情时，它就会停止工作。正在使用 display:none & display:block 我在下面附上了一个小提琴，所以我可以保持这种简短。

<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

不确定我是否理解这个问题，但我可以收集到的症状表明您没有在 display: block 之后添加分号，然后再添加任何其他 CSS。你需要这个：

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

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

如果这不是问题，那么请澄清您所做的更改究竟是什么导致它停止工作。