.info:nth-child(2) 正确:查找第二个元素,且这个元素的class包含"info"。错误:查找第二个class包含"info"的元素。 p:nth-of-type(2) 查找相同HTML标记类型中排行第二的元素,且这个元素是p(或者直观的说查找第二个p类型元素) .info:nth-of-type(2) 查找相同HTML标记类型中排行第二的元素,且这个元素的clas...
方法/步骤 1 在新建的html文件中,建立几个相同的标签,比如建立几个p标签,如图所示 2 p:nth-child(){}。冒号前面是需要加属性的对象,后面的小括号内填写数值,需要对第几个p标签添加属性,就输入数字几,大括号内是需要对其添加的属性设置 3 比如将第二个p背景颜色设置为红色,第四个p背景设置为绿色;p:...
在scss中,可以使用nth-child伪类来访问DOM元素的第一个子元素: &:nth-child(1):before{ content:"First Child"; } 案例 div{ &:nth-child(1):before{ content:"First Child"; font-weight: bold; } &:nth-child(2):before{ content:"Second Child"; font-style: italic; } &:nth-child(3):before...
答:`nth-child`选择器的参数可以是数字、`odd`、`even`等,选择合适的参数取决于你想要选取的子元素的序号或位置,如果只想选取第一个子元素,可以使用`1`;如果只想选取最后一个子元素,可以使用`last-child`伪类,对于偶数和奇数位置的子元素,可以使用`even`和`odd`参数,还可以结合属性选择器来选择具有特定属性的...
.nav li:nth-child(2) a { color: #ff0000},这个能让标签里面的第二个li的a标签的颜色变为红色。:nth-child用倍数比较好用。比如:nth-child(3n),只要是3的倍数的都会被选取(3,6,9...)
你可以给标题所在行单独设置颜色样式。比如(假定标题在第一个tr标签内): tr:nth-child(odd) {color:red} //奇数行(从标题行起算,下同)设为红色 tr:nth-child(even) {color:blue} //偶数行设为蓝色 tr:nth-child(1) {color:black} //第一行(标题行)设为黑色 这是标题...
nth-child()属性,奇偶样式生效了,就说明属性正确使用了吧,但是填数字如1,2,3又不生效,怎么回事,求大佬帮助 童旸 21 发布于 2018-05-06 新手上路,请多包涵 这是我从element官网上直接复制过来的轮播图代码,奇偶生效了应该是属性正确使用了吧?可是数字不生效。 在我学习这个属性的时候也发生过这种事,数字总是...