css中用隐藏一大片元素，但是要让其中一个小div显示，应该如何操作？

Question

元素有很多，如果一个个用display:none隐藏，有点麻烦。不知有没什么好的方法没？
大致上代码是这样：

<div class="all">
    <div class="div1"></div>
    <div class="div2"></div>
    //中间很多div...
    <div class="div100"></div>
    <div class="div101"></div>
    <div class="div102"></div>
</div>

假如我要把div.all中的所有div除class为div101的div都隐藏，有什么好的办法。

Answer 1

先隐藏全部，再显示div101就ok:

​​.all div{display:none;}​
.all div.div100 {display:block;}