当前位置: 首页 > Web前端 > CSS

CSS选择类中如何选择第一个?使用首创?

时间:2023-03-31 12:48:24 CSS

dom结构我是span我是h1

我是h1

我是h1我是h1

我是h1

1.指定标签h1:first-of-type{color:red;//#找出所有被测h1,将第一个h1的字体颜色改为红色;}2.指定class.hha:first-of-type{color:blue;//1.找到class为hha的所有标签,上面的Dom结构中有

,;//2.查找Dom结构中的所有h1和span(记为list1,list2,方便理解);//3.如果list1和list2中第一个标签的类是hha,则将hha第一个类的字体改为蓝色;}以此类推,下面的代码会将字体颜色改为橙色?.hha:last-of-type{color:orange;}以h1标签为例,第一步省略。2.查找Dom结构中的所有h1标签(记为list3)3.如果list3中最后一个元素的class为hha,则将字体颜色改为橙色