极客观点
项目管理
HarmonyOS
为啥第一个不高亮？？
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<style>
.my-field-line:nth-of-type(1) {
background: #ff0000;
}
p:nth-of-type(1) {
background: #ff0000;
}
</style>
</head>
<body>
<div>
<div>这是一个标题</div>
<div class="my-field-line">1</div>
<div class="my-field-line">2</div>
<div class="my-field-line">3</div>
<div class="my-field-line">4</div>
</div>
<div>
<h1>这是一个标题</h1>
<div class="my-field-line">1</div>
<div class="my-field-line">2</div>
<div class="my-field-line">3</div>
<div class="my-field-line">4</div>
</div>
<div>
<h1>这是一个标题</h1>
<p>这是第一个段落。</p>
<p>这是第二个段落。</p>
<p>这是第三个段落。</p>
<p>这是第四个段落。</p>
</div>
<div>
<div>这是一个标题</div>
<p>这是第一个段落。</p>
<p>这是第二个段落。</p>
<p>这是第三个段落。</p>
<p>这是第四个段落。</p>
</div>
</body>
</html>
nth-of-type是关联标签的，所以相当于找到所有的div，然后同时index为1且类名为.my-field-line的元素，但是没有符合条件的，就没有元素背景颜色发生变化。