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

前言

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

方案

如图，如果像选择类名为 class=exerciseInfo 中的第一个和最后一个div

选择其中一个指定的类名：.exerciseInfo: nth-of-type(x) { … };

做法如下：选择第一个类名： .exerciseInfo: nth-of-type(1) { … };

选择最后一个类名： .exerciseInfo: last-child { … };

注：不要使用nth-child(x)来选择，无效！

说明

请根据自己实际情况做相应修改
如有什么BUG或者疑问欢迎各路大神补充&指正