为什么我的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

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