![CSS 点击按钮以后修改DIV的高度，代码怎么写？[有代码]](/aiimages/CSS+%E7%82%B9%E5%87%BB%E6%8C%89%E9%92%AE%E4%BB%A5%E5%90%8E%E4%BF%AE%E6%94%B9DIV%E7%9A%84%E9%AB%98%E5%BA%A6%EF%BC%8C%E4%BB%A3%E7%A0%81%E6%80%8E%E4%B9%88%E5%86%99%EF%BC%9F%5B%E6%9C%89%E4%BB%A3%E7%A0%81%5D.png)
css3选择器如下：
一、通配符选择器（*）
通配符选择器是用来选择所有元素，，也可以选择某个元素下的所有元素。
二、元素选择器（E）
元素选择器，是css选择器中最常见而且最基本的选择器。
三、类选择器（.className）
类选择器是以一独立于文档元素的方式来指定样式，使用类选择器之前需要在html元素上定义类名
四、id选择器（#ID）
ID选择器和上面说的类选择器是很相似的，在使用ID选择器之前也需要先在html文档中加注ID名称，这样在样式选择器中才能找到相对应的元素，不同的是ID选择器是一个页面中唯一的值，我们在类使用时是在相对应的类名前加上一个“.”号（.className）而id选择器是在名称前使用＂#＂如（#id）,
五、后代选择器（E F）
后代选择器也被称作包含选择器，所起作用就是可以选择某元素的后代元素，比如说：E
F，前面E为祖先元素，F为后代元素，所表达的意思就是选择了E元素的所有后代F元素，请注意他们之间需要一个空格隔开。
六、子元素选择器（E>F）
子元素选择器只能选择某元素的子元素，其中E为父元素，而F为子元素，其中E>F所表示的是选择了E元素下的所有子元素F。这和后代选择器（E
F）不一样，在后代选择器中F是E的后代元素，而子元素选择器E >F，其中F仅仅是E的子元素而以。
七、相邻兄弟元素选择器（E + F）
相邻兄弟选择器可以选择紧接在另一元素后的元素，而且他们具有一个相同的父元素，换句话说，EF两元素具有一个相同的父元素，而且F元素在E元素后面，而且相邻，这样我们就可以使用相邻兄弟元素选择器来选择F元素。
@media (min-width: 992px)
允许 浏览器可视范围 最小大小 为 992px，当 浏览器可视范围的大小 ≥ 992px 时， .container 的最大宽度 为 970px，
即，无论 浏览器放到多大，只要它不少于 992px ，.container 的宽度始终为 970px。
当 浏览器可视范围 小于 992px 时，.container 中的设置无效。
这里.container 中，应该还有设置一个默认的值。
再举例：
@media(max-width:1000px){.container{
max-width:970px
}
}
同理，这里的 @media{max-width:1000px} 就是 允许 浏览器最大宽度 为 1000px，时它小于 1000px 时，.container 中的 值才会生效，反即失效。
也就是说：
@media{} 中的值，是 允许条件 ，当这条件成立时，它中的内容才会生效。
详细翻译即为：
如果浏览器的 宽度 小于或等于 1000px 时（注：理解好最大宽度为啥意思，最小宽度 即为 大于或等于这个值），.container 中的最大宽度为 970px，无论浏览器被缩到多少，.container 的宽度始终为 970px，但是当 大于 1000px 时，.container 中的值就为无效。
@media 中也可以写个固定宽度值，如：
@media(wdith:1000px){.container{
width:970px
}
}
浏览器宽度等于 1000px 时，.container 宽度即为 970px ，显然，这绝对等于的值，设置起来无意义的。
以上~
自测得出的结果……
