1.first-child 选择列表中的第一个标签 li:first-child{color:red} 2. last-child 选择列表中的最后一个标签 li:last-child{color:pink} 3.nth-child(n) 这里的n为数字,表示选择列表中的第n个标签 例如选择第三个标签 li:nth-child(3){color:pink} 4.nth-child(2n) 选择列表中的偶数,选中 2、4、6...
使用CSS 的:not()伪类选择器和:nth-child()伪类选择器 要通过CSS的代码选择某一个元素的除了第一个子元素外的其余的跟第一个子元素同级的子元素,可以结合使用CSS的:not()伪类选择器和:nth-child()伪类选择器进行选择。大致的语法如下: .parent > .child:not(:nth-child(1)) {样式设置}...
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个标签,...
使用CSS 的:not()伪类选择器和:nth-child()伪类选择器 要通过CSS的代码选择某一个元素的除了第一个子元素外的其余的跟第一个子元素同级的子元素,可以结合使...
css排除第一个子元素的方法：1、通过使用伪类选择器“:not”实现排除；2、通过使用“nth-of-type”或者“nth-child”实现排除；3、通过使用“+”或者“~”兄弟选择符实现获取排除第一个之外的子元素。本文操作环境：windows7系统、HTML5&&CSS3版、Dell G3电脑。css获取除第一个之外的子元素 在前端...
这篇文章主要介绍了css怎么排除第一个子元素的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇css怎么排除第一个子元素文章都会有所收获,下面我们一起来看看吧。 4种方法:1、用“:not()”和“:first-child”,语法“元素:not(:first-child){样式}”;2、用“:nth-of-type”,语法“...
CSS世界中，如果需要精准地筛选出某个元素除了第一个子元素之外的所有同级子元素，可以利用:not()和:nth-child()这两个强大的伪类选择器。组合它们的语法如是：首先，使用:not()选择器排除掉第一个子元素，其基本形式是`.parent > .child:not(:nth-child(1))`，这里的`.parent`代表父元素，`....
我们可以通过CSS来实现这样的效果,CSS 给我们提供了几个样式参数:first-child、last-child、nth-child(n)。 下面介绍它们的使用方法: first-childfirst-child:选择列表中的第一个标签。 举例:第一行字体显示为红色,代码如下: 代码语言:javascript 复制
在css中排除第一个子元素的详细教程来了,本文大概介绍了4种方法,如下所示: 1、用“:not()”和“:first-child”,语法“元素:not(:first-child){样式}”; 2、用“:nth-of-type”,语法“元素:nth-of-type(n+2){样式}”; 3、用“:nth-child”,语法“元素:nth-child(n+2){样式}”; ...
first-child表示选择列表中的第一个标签。代码如下: li:first-child{background:#090} 上面的意思是,li 列表中的 第一个li模块的背景颜色。 2、last-child last-child表示选择列表中的最后一个标签,代码如下: li:last-child{background:#090} 3、nth-child(3) ...