辅助项 —【显示与隐藏】

.show和.hidden类可以强制任意元素显示或隐藏(对于屏幕阅读器也能起效)
这些类通过!important来避免CSS样式优先级问题
就像quick floats一样的做法。注意，这些类只对块级元素起作用，另外，还可以作为 mixin 使用。

.invisible 类可以被用来仅仅影响元素的可见性，

也就是说，元素的 display 属性不被改变，并且这个元素仍然能够影响文档流的排布。

<div class="show">...</div>
<div class="hidden">...</div>
<div class="invisible">...</div>

<!--源码：

    .show {
      display: block !important;
     }

    .hidden {
        display: none !important;
    }

     .invisible {
        visibility: hidden;
    }

    // Usage as mixins
    .element {
    .show();
    }

    .another-element {
    .hidden();
    }

-->