CSS :nth-child last-child 疑似クラス 社員研修【ワードプレス教室 横浜スクール】

<style type=”text/css”>
<!–
p.test {
color: white;
font-weight: bold;
}
p.test:nth-child(3n+1) {
background: darkslategray;
}
p.test:nth-child(3n+2) {
background: tomato;
}
p.test:nth-child(3n+3) {
background: gainsboro;
}
p.test:last-child {
background: darkorchid;
}
//–>
</style>
<div>
<p class=”test”>CSS試験</p>
<p class=”test”>CSS試験</p>
<p class=”test”>CSS試験</p>
<p class=”test”>CSS試験</p>
<p class=”test”>CSS試験</p>
<p class=”test”>CSS試験</p>
<p class=”test”>CSS試験</p>
<p class=”test”>CSS試験</p>
<p class=”test”>CSS試験</p>
<p class=”test”>CSS試験</p>
</div>