CSS3的:nth选择器

列出具有的选择方法：

:first-child选择某个元素的第一个子元素；
:last-child选择某个元素的最后一个子元素；
:nth-child()选择某个元素的一个或多个特定的子元素；
:nth-last-child()选择某个元素的一个或多个特定的子元素，从这个元素的最后一个子元素开始算；
:nth-of-type()选择指定的元素；
:nth-last-of-type()选择指定的元素，从元素的最后一个开始计算；
:first-of-type选择一个上级元素下的第一个同类子元素；
:last-of-type选择一个上级元素的最后一个同类子元素；
:only-child选择的元素是它的父元素的唯一一个了元素；
:only-of-type选择一个元素是它的上级元素的唯一一个相同类型的子元素；
:empty选择的元素里面没有任何内容。

IE6不支持:first-child选择器。

IE6-8和FF3-浏览器不支持":nth-child"选择器。

IE6-8浏览器不支持:only-child选择器。

IE6-8和FF3.0-浏览器不支持:only-of-type选择器。

IE6-8浏览器不支持:empty选择器

IE6-8浏览器不支持:not()选择器

CSS3的:nth选择器相关推荐

CSS3（新增选择器，nth选择器，伪元素）
CSS3 1.CSS3选择器 1.1新增基础选择器 1.1.1 子元素选择器(>) 1.1.2 相邻元素选择器(+) 1.1.3通用兄弟选择器(~) 1.1.4群组选择器(,) 1.2属性选择器 ...
css 取偶数节点_css3 nth 选择器
css3: nth选择器我们把CSS3的:nth选择器也称为CSS3 结构类选择方法: :first-child(),:last-child () :nth-child(n) :nth- ...
CSS3之利用选择器和content属性在页面中插入内容
CSS3之使用选择器在页面中插入内容 1. 使用选择器来插入内容:例, h2:before{ content:'COLUMN'; color:white: background-color:o ...
CSS基础(part21)--CSS3伪元素选择器
学习笔记,仅供参考,有错必究参考自:pink老师教案 CSS3伪元素选择器伪类选择器: 选择符简介 ::before 在元素内部的前面插入内容 ::after 在元素内部的后面插入内容伪类选择 ...
css-选择器-进阶-属性选择器-组选择器-nth选择器
考点属性选择器,选取具有name属性的元素 [name] 选取具有某个属性的元素: [属性名] 属性选择器,选取属性target值为_blank的元素 [target=_blank] [属性名=属性 ...
CSS3概述、选择器、兼容性、样式
一.css3简介 1.什么是css3 CSS 用于控制网页的样式和布局 CSS3 是最新的 CSS 标准 CSS3是CSS2的升级版 2.css3的功能选择器盒模型背景和边框文字特效 2D/3 ...
css3中的属性选择器有哪些,CSS3中属性选择器使用方法详解
css中属性选择器我感觉与css2有比较大的区别了,下面我整理了一些关于css3选择器的使用例子,希望对各位会带来帮助. 注释: 一.属性选择器除了IE6不支持外,其他的浏览器都能支持. 二.E[at ...
CSS3新增的选择器有哪些？
CSS3新增的选择器有哪些?(逆站班学习论述) css3选择器在 CSS 中,选择器是一种模式,用于选择需要添加样式的元素. 1. p~ul选择前面有"< p >"元 ...
css伪类选择器记忆技巧,CSS3 伪类选择器 :nth-child()
:nth-child()可以选择某个的一个或多个特定的子元素,你可以按这种方式进行选择: :nth-child(length);/*参数是具体数字*/ :nth-child(n);/*参数是n,n从0 ...

CSS3的:nth选择器

CSS3的:nth选择器

CSS3的:nth选择器相关推荐

最新文章

热门文章