/*使用:first-child伪类*/ p:first-child { color: red; } /*使用:first-of-type伪类*/ p:first-of-type { color: blue; } /*使用:nth-child(1)伪类*/ p:nth-child(1) { color: green; }
其中,:first-child伪类选中的是父元素的第一个子元素,而:first-of-type伪类则是选中父元素下第一个该类型的子元素。而:nth-child(1)伪类则是选中父元素下第一个子元素。
需要注意的是,如果父元素下没有对应类型的子元素,那么:first-of-type伪类和:nth-child(1)伪类是不会生效的。
以上就是CSS选中第一个标签的几种方式,在实际应用中可以根据需求选择不同的方式进行使用。