html5的CSS3选择器中的反选伪类选择器怎么选?

html-css07

html5的CSS3选择器中的反选伪类选择器怎么选?,第1张

#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>