css选择class中的第⼀个怎么选？使⽤first-of-type？结构
1<div id="test">
2    <span class="hha">我是span</span>
3    <h1 class="hha">我是h1</h1>
4    <h1>我是h1</h1>
5    <h1 class="hha">我是h1</h1>
cssclass属性6    <h1 class="hha">我是h1</h1>
7    <h1>我是h1</h1>
8</div>
1.指定标签
1h1:first-of-type {
2    color: red;
3    // #test底下所有的h1出来，其中第⼀个h1的字体颜⾊改为red；
4}
2.指定
1.hha:first-of-type {
2    color: blue;
3    // 1.到所有class为hha的标签，上⾯的Dom结构⾥有<h1>、<span>;
4    // 2.到Dom结构所有h1、span（为了⽅便理解记作list1，list2）；
5    // 3.如果list1、list2中第⼀个标签的class是hha，第⼀个class为hha的字体改为blue;
6}
举⼀反三，下⾯的代码会把字体颜⾊改为orange？
1.hha:last-of-type {
2  color: orange;
3}
以h1标签为例，所以第⼀步省略。
2.到Dom结构⾥⾯的所有的h1标签（记作list3）
3.如果list3最后⼀个元素的class为hha，把字体颜⾊改为orange

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。