Correcting teacher:PHPz
Correction status:qualified
Teacher's comments:
<audio src="" controls></audio>
<div><video src="Godzilla 2 Trailer.mp4" width="600" controls poster="121.jpg"></video></div>
<style>
.list {
width: 360px;
}
/* 父子选择器 */
.list > .item {
border: dotted blueviolet;
}
/* 后代选择器 */
.list .item {
color: aqua;
}
/* 兄弟选择器 */
.four + .item {
color: yellowgreen;
}
/* 同级选择器 */
.three ~ * {
background-color: royalblue;
}
</style>
<ul class="list">
<li class="item">item10</li>
<li class="item">item9</li>
<li class="item">item8</li>
<li class="item">
item7
<ul>
<li class="item four">item4-4</li>
<li class="item three">item4-3</li>
<li class="item">item4-2</li>
<li class="item">item4-1</li>
</ul>
</li>
<li class="item">item6</li>
<li class="item">item5</li>
</ul>