nth-child(num):选取第num个元素。 nth-child(n+num):选取大于等于num个元素。 nth-child(-n+num):选取小于等于num个元素。 nth-child(2n):选取偶数标签。 nth-child(2n-1):选取奇数标签。 nth-child(3n+1):每隔两个元素,取一个。 nth-last-child(num):选取倒数第num个元素。 如果我解决了同学的问题...
1 在新建的html文件中，建立几个相同的标签，比如建立几个p标签，如图所示 2 p:nth-child(){}。冒号前面是需要加属性的对象，后面的小括号内填写数值，需要对第几个p标签添加属性，就输入数字几，大括号内是需要对其添加的属性设置 3 比如将第二个p背景颜色设置为红色，第四个p背景设置为绿色；p:nth-child(...
“:nth-child(n)”选择器用来定位某个父元素的一个或多个特定的子元素。其中“n”是其参数,而且可以是整数值(1,2,3,4),也可以是表达式(2n+1、-n+5)和关键词(odd、even),但参数n的起始值始终是1,而不是0。也就是说,参数n的值为0时,选择器将选择不到任何匹配的元素。
:nth-child用倍数比较好用。比如:nth-child(3n),只要是3的倍数的都会被选取（3，6，9...）
<!DOCTYPE html> Document .third_cols_table tbody tr td:nth-child(1) { color: red; }; .third_cols_table tbody tr td:nth-child(2) { color: aqua; }; .third_cols_table tbody tr td:nth-child(3) { color: blue; }; 名称 数量 单价 就...
<!DOCTYPE html> Document .third_cols_table tbody tr td:nth-child(1) { color: red; }; .third_cols_table tbody tr td:nth-child(2) { color: aqua; }; .third_cols_table tbody tr td:nth-child(3) { color: blue; }; 名称 数量 单价 就...
nth-child选择器实例01 真方便啊~指哪打哪,没有误差。好的很,如果这个时候在一群黑丝妹子中间混入了一个肉丝妹子,偶尔换换口味还是不错的,朕就勉为其难的选一下吧,继续伪类:nth-child来选择,来看图。 nth-child选择器实例02 我擦类这是要造反了啊,没有反应?竟然不听我的话了。我觉得此刻的心情是沉重的,...
如果有多个 li 则无效...(n) CSS3 E:nth-child(n) { sRules } 要使该属性生效,E 元素必须是某个元素的子元素,E 的父元素最高是 body,即 E 可以是 body 的子元素匹配父元素的第 n...E:nth-child(even) 选择偶数子元素,E:nth-child(old) 选择奇数子元素 /* 偶数 或者 E:nth-child(even)...
div{ width: 200px; height: 200px; ba
:nth-last-child(n) :选择器匹配属于其元素的第 N 个子元素的每个元素,不论元素的类型,从最后一个子元素开始计数。 n 可以是数字、关键词或公式 ~css li:first-child { /* 选择第一个孩子 */ color: pink; } li:last-child { /* 最后一个孩子 */ ...