![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)
#div:not(':last-child')
选择id=div的除了最后一个子元素以外的所有子元素
#div:not(p)选择id=div的元素下所有不是p元素的子元素
标准通用标记语言下的一个应用HTML标准自1999年12月发布的HTML4.01后，后继的HTML5和其它标准被束之高阁，为了推动Web标准化运动的发展，一些公司联合起来，成立了一个叫做WebHypertextApplicationTechnologyWorkingGroup（Web超文本应用技术工作组-WHATWG）的组织。WHATWG致力于Web表单和应用程序，而W3C（WorldWideWebConsortium，万维网联盟）专注于XHTML2.0。在2006年，双方决定进行合作，来创建一个新版本的HTML。
HTML5草案的前身名为WebApplications1.0，于2004年被WHATWG提出，于2007年被W3C接纳，并成立了新的HTML工作团队。
HTML5的第一份正式草案已于2008年1月22日公布。HTML5仍处于完善之中。然而，大部分现代浏览器已经具备了某些HTML5支持。
2012年12月17日，万维网联盟（W3C）正式宣布凝结了大量网络工作者心血的HTML5规范已经正式定稿。根据W3C的发言稿称：“HTML5是开放的Web网络平台的奠基石。”
2013年5月6日，HTML5.1正式草案公布。该规范定义了第五次重大版本，第一次要修订万维网的核心语言：超文本标记语言（HTML）。在这个版本中，新功能不断推出，以帮助Web应用程序的作者，努力提高新元素互操作性。
本次草案的发布，从2012年12月27日至今，进行了多达近百项的修改，包括HTML和XHTML的标签，相关的API、Canvas等，同时HTML5的图像img标签及svg也进行了改进，性能得到进一步提升。
支持Html5的浏览器包括Firefox（火狐浏览器），IE9及其更高版本，Chrome（谷歌浏览器），Safari，Opera等；国内的傲游浏览器（Maxthon），以及基于IE或Chromium（Chrome的工程版或称实验版）所推出的360浏览器、搜狗浏览器、QQ浏览器、猎豹浏览器等国产浏览器同样具备支持HTML5的能力。
语法：E:not(){ sRules }
说明：
匹配不含有s选择符的元素E。
例如:
1.选择所有不包含class3的元素
2.选择含有子元素的pre元素
:empty 选择器匹配没有子元素（包括文本节点）的每个元素
3.选择所有样式不为abc的p元素
CSS选择器共有三种：标签选择器、ID选择器、类选择器。【标签选择器】
一个完整的HTML页面是有很多不同的标签组成，而标签选择器，则是决定哪些标签 采用相应的CSS样式，(在大环境中你可能出于不同的位置，但是不管怎么样，你总 是穿着同一套衣服，这件衣服就是由标签选择器事先给你限定好的，不管走到哪里都是这身衣服)比如，在style.css文件中对p标签样式的声明如下：
p{
font-size:12px
background:#900
color:090
}
则页面中所有p标签的背景都是#900(红色)，文字大小均是12px，颜色为#090(绿色) ，这在后期维护中，如果想改变整个网站中p标签背景的颜色，只需要修改
background属性就可以了，就这么容易！
【ID选择器】
ID选择器在某一个HTML页面中只能使用一次(当然也可以用好几次，不过就不符合 W3C标准了，那页面也就不是标准页面喽~，咱们的目的不就是为了做标准的页面么 ，所以建议大家不要在同一个html页面中多个标签拥有共同的ID)，就像在你所处的 环境中，你只有一个ID(身份证)，不可能重复！相信大家也能看出来，ID选择器更具有针对性，如： 先给某个HTML页面中的某个p标签起个ID，代码如下：
<p id="one">此处为p标签内的文字</p>
在CSS中定义ID为one的p标签的属性，就需要用到#，代码如下：
#one{
font-size:12px
background:#900
color:090
}
【类选择器】
这种选择器更容易理解了，就是使页面中的某些标签(可以是不同的标签)具有相同 的样式，就像国庆中某个方阵中，肯定都是不同的人，却均穿红色衣服，手中高举花环，样式都是一样的，如果想让这一类人都有共同的样式，该怎么做呢~呵呵，和ID选择器的用法类似，只不过把id换做class，如下：
<p class="one">此处为p标签内的文字</p>
如果我还想让div标签也有相同的样式，怎么办呢？加上同样的class就可以了，如下
<div class="one">此处为p标签内的文字</div>
这样页面中凡是加上class="one"的标签，样式都是一样的喽~
CSS定义的时候和ID选择器差不多，只不过把#换成.，如下
.one{
font-size:12px
background:#900
color:090
}
补充:一个标签可以有多个类选择器的值，不同的值用空格分开，如：
<div class="one yellow leftStyle">此处为p标签内的文字</div>
这样我们可以将多个样式用到同一个标签中，当然也可以，ID和class一块用
<div id="div1" class="one yellow leftStyle">此处为p标签内的文字
</div>
