CSS 标签元素：nth-child、first-child、last-child

1、first-child

first-child表示选择列表中的第一个标签。代码如下：

li:first-child{background:#090}

上面的意思是，li 列表中的第一个li模块的背景颜色。

2、last-child

last-child表示选择列表中的最后一个标签，代码如下：

li:last-child{background:#090}

3、nth-child(3)

表示选择列表中的第3个标签，代码如下：

li:nth-child(3){background:#090}

上面代码中的3也可以改成其它数字，如4、5等。想选择第几个标签，就填写几。

4、nth-child(2n)

这个表示选择列表中的偶数标签，即选择第2、第4、第6…… 标签。

5、nth-child(2n-1)

这个表示选择列表中的奇数标签，即选择第1、第3、第5、第7……标签。

6、nth-child(n+3)

这个表示选择列表中的标签从第3个开始到最后。

7、nth-child(-n+3)

这个表示选择列表中的标签从0到3，即小于3的标签。

8、nth-last-child(3)

这个表示选择列表中的倒数第3个标签。

CSS 标签元素：nth-child、first-child、last-child相关推荐

html 相对于父标签位置,css子元素如何相对父元素定位？
在css中,可以使用position属性,通过给父元素设置相对定位"position:relative;"样式,给子元素设置绝对定位"position:absolute; ...
CSS如何实现两个a标签元素的文字一个靠左一个靠右，并且能点击分别不同的链接
CSS如何实现两个a标签元素的文字一个靠左一个靠右,并且能点击分别不同的链接作为一个非专业前端,有时候开发又必须自己写一些简单的前端,在网上有时候不能及时查找到内容,只能自己尝试,如下是实现两个sp ...
html中怎么写css代码,html style样式标签元素教程
html标签元素之时时在构造html时,使用到style标签. 认识与用法教程一.基本语法 style英文翻译:格式.气概含意从字面上也不难晓得与CSS款式干系的标签. 完结.标签内放CSS代码 ...
css 选取第一个标签元素
css 选取第一个标签元素方法一:直接获取对应class类名的第一个标签 <div class="idcardlist"> <div class="i ...
【Div+CSS笔记】 0x01 html常用标签元素
常用HTML标签元素结合及简介 <html></html> 创建一个HTML文档 <head></head> 设置文档标题和其它在网页中不显示的信息 & ...
CSS 使用border-radius属性实现标签元素变为正圆、椭圆、圆角矩形（可以自定义4个角的圆角大小）
1 使用详解 border-radius 说明:给元素的边框设置圆角,默认不设置圆角为矩形,可以给元素设置圆角将元素变为正圆.椭圆或圆角矩形语法: (1)border-radius:50%,给元素设 ...
5种css隐藏元素的方法_在CSS中隐藏元素的10种方法
5种css隐藏元素的方法 There are multiple ways to hide an element in CSS, but they differ in the way they affe ...
Selenium Tips - CSS定位元素
Selenium Tips - CSS定位元素原文: http://sauceio.com/index.php/2010/01/selenium-totw-css-selectors-in-sele ...
selenium提取数据之driver对象定位标签元素获取标签对象的方法
selenium提取数据之driver对象定位标签元素获取标签对象的方法在selenium中可以通过多种方式来定位标签,返回标签元素对象 find_element_by_id (返回一个元素) fi ...

CSS 标签元素：nth-child、first-child、last-child

CSS 标签元素：nth-child、first-child、last-child相关推荐

最新文章

热门文章