CSS :nth-child last-child 疑似クラス ワードプレス教室の社員研修

CSS試験

CSS試験

CSS試験

CSS試験

CSS試験

CSS試験

CSS試験

CSS試験

CSS試験

CSS試験

<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>

About the author: 横浜ワードプレス教室 鎌田裕二