css 隐藏元素的方法

1，display:none

不占据位置，触发回流，不会被子元素继承，不会触发绑定事件

2，visibility:hidden

占据位置，会被子继承，设置visibility：visible可以显示子元素，重绘，不会触发绑定事件

3，opacity:0

占据位置，会被子继承，但是设置opacity:1,子元素不会显示，会触发绑定事件

4，transform:scale(0,0)

5，position:absolute;
            top: -1000px; 

绝对定位，使它偏移可视区域

css优先级排序

!important > 内联样式 > ID选择器 > 类选择器（属性选择器、伪类选择器）> 元素选择器（伪元素选择器）> 通配符选择器