对CSS3选择器nth-child配伍溶液()在IE8
1。代码列表样式:无}
div ul {宽度:100px;身高:30px;边界:# EEE 1px solid;浮动:左;}
div ul:nth-child(1){背景:# F00;}
div ul:nth-child(3){背景:# CCC;}
十一
二十二
三十三
两。预览效果
如上图所示,IE9以上背景颜色显示
问题:如上所述,IE8的背景颜色是不显示的
三。解决
列表样式:无}
div ul {宽度:100px;身高:30px;边界:# EEE 1px solid;浮动:左;}
div ul:第一个孩子{背景:# CCC;} / *选择第一个李* /
div ul:第一个孩子+李+李{背景:# ff0;} / *选第三李。
十一
二十二
三十三
四,CSS其他选择器
类型的n()选择mdash;mdash;选择器匹配一个特定类型的父元素的父元素,属于每一个元素的子元素。
n可以是一个数字,一个关键词,或一个公式。不像nth-child(n),后者是独立的类型。(以及不支持IE8)
第一个类型选择器匹配第一个属于父类的特定类型的每个元素。
提示:相当于:n型(1)。(以及不支持IE8)
最后一个类型选择器匹配属于其父类的特定类型的最后一个子元素的每个元素。
提示:相当于:n型上(1)。(以及不支持IE8)
类型选择器唯一匹配,属于一种特殊类型的母的唯一子元素的每个元素。(以及不支持IE8)
n最后一个孩子(N)选择器匹配的每个元素属于元素的子元素,而该元素的类型,从最后的子元素计数。可以是一个数字,一个关键词,或一个公式。(以及不支持IE8)
提示:见第1个类型()选择器的最后一个,它选择父元素的n个元素,并从最后一个子元素开始计数。
n个(n)类型选择器匹配一个特定类型的N个子元素属于父元素和子元素从去年开始计数的每一个元素,可以是一个数字,一个关键词,或一个公式。(以及不支持IE8)
提示:见第n个子()选择器,它选择父元素的n个子元素,独立于类型,并从最后一个子元素开始计数。
最后孩子选择器匹配属于其父元素的最后一个孩子的每一个元素。(以及不支持IE8)
提示:P:最后一个子等价于第n个最后的子(1)。
第一个孩子选择器用于选择指定选择器,属于它的父元素的第一个子元素。IE8及更早版本的浏览器:第一个孩子,它需要申报。
以上是本文的全部内容,希望能对您有所帮助,希望大家多多支持。