一、场景一

css如何选择相同class下的第一个class元素和最后一个元素?

如图,如果像选择类名为  class=exerciseInfo  中的第一个和最后一个div,做法如下:
选择第一个类名:

 .exerciseInfo: nth-of-type(1) { ... };
选择最后一个类名:

exerciseInfo:nth-last-of-type(1){ ... };

参考:https://blog.csdn.net/hh1197787867/article/details/82182069

二、场景二

获取网页中相同类名下第二个(偶数)的元素内容

const menuNodes = document.querySelector("body").querySelectorAll(“.info_newest:nth-of-type(2n) > ul li a”);
备注:

odd奇数行右面有一条线  even偶数行没有,还可以用2n+1表示奇数,2n表示偶数,3n+1表示每个三个显示。
类似的也有:
:nth-child(n) 选择器匹配属于其父元素的第 N 个子元素,不论元素的类型。n 可以是数字、关键词或公式。
参考:https://www.cnblogs.com/angellating/p/4778605.html

您已经阅读00:00:00欢迎留言评论,喜欢的话就为作者点个赞或者赏颗糖吧! 分享