为什么我的css样式不能写成这样？

Question

html:

<ul id="bursh-weight-option">
   <li><div class="bw bw1" data-w='1'></div></li>
   <li><div class="bw bw5" data-w='5'></div></li>
   <li><div class="bw bw10" data-w='10'></div></li>
   <li><div class="bw bw20" data-w='20'></div></li>
   <li><div class="bw bw40" data-w='40'></div></li>
</ul>

JS:

$('#bursh-weight-option li').click(function(){
   $('#bursh-weight-option').toggleClass('show');
});

css:

#bursh-weight-select ul.show{       
   display: block;
}

//这里为什么不能直接写成这样

.show{       
   display: block;
}

Answer 1

可以写成这样啊，只是上面那种限制的更严格而已