css3第二章css3新增的选择器.ppt

文档介绍：第二章CSS3新增的选择器目标了解CSS3新增加的属性选择器了解结构性伪类选择器掌握每个CSS版本提供了哪些选择器CSS3新增选择器字符串匹配属性选择器结构性伪类选择器UI元素状态伪类选择器否定伪类选择器目标伪类选择器通用兄弟元素选择器字符串匹配属性选择器E[att^="val"]匹配具有att属性,并值以val开头的E元素E[att$="val"]匹配具有att属性,并且值以val结尾的E元素E[att*="val"]匹配有att属性,并且值中含有val的E元素字符串匹配属性选择器匹配具有att属性,并且值以val开头的E元素E[att^=“val”]p[title^="val"]{color:#FF0000;}字符串匹配属性选择器匹配具有att属性,并且值以val结尾的E元素E[att$=“val”]p[title$="val"]{font-weight:bold;}子串匹配属性选择器匹配具有att属性,并且值含有val的E元素E[att*=“val”]p[title*="val"]{font-weight:bold;}结构性伪类E:rootE:nth-child(n)E:nth-last-child(n)E:nth-of-type(n)E:nth-last-of-type(n)E:last-childE:first-of-typeE:only-childE:only-of-typeE:empty结构性伪类E:root匹配文档的根元素。在HTML中,根元素永远是HTMLE:roothtml:root{background-color:#DCDCDC;}结构性伪类E:nth-child(n)匹配父元素中的第n个子元素EE:nth-child(n)p:nth-child(2){color:#FF0000;}表格的单行与双行显示不同的颜色tr:nth-child(2n+1){background-color:green;}tr:nth-child(2n){background-color:red;}