.my-class:first-child { /* 这里可以写一些样式 */ }
上面的代码中,.my-class代表要取的类,下面通过:first-child伪类选择器来获取该类的第一个元素。大家可以在花括号中添加想要的CSS样式,从而对第一个元素进行改变。
需要注意的是,如果大家要取的类并不是作为某个元素的第一个子元素,那么:first-child选择器是不会生效的。如果大家要只取第一个该类的元素,可以考虑使用:nth-of-type(1)来实现。
.my-class:nth-of-type(1) { /* 这里可以写一些样式 */ }
上面代码中,:nth-of-type(1)表示选取第一个该类元素,这里的选择器可以根据需要进行调整。与:first-child伪类类似,大家可以在花括号中添加想要的CSS样式,从而对第一个元素进行改变。