stack overflow より。 from:http://stackoverflow.com/questions/8720931/can-css-detect-the-number-of-children-an-element-has ◆仕組み li:first-child:nth-last-child(2), li:first-child:nth-last-child(2) ~ li {...} li:first-child => 最初の子要素(この場合 li 要素) li:first-child:nth-last-child(2) => 最初の子要素 且つ 最後から2番目の子要素 この時点で子要素(li)は2つしかないと判定できる。 もし <ul> <li id="item1"> <li id="item2"> <li id="item3">
![子要素の数によってスタイルを変える - jsdo.it - Share JavaScript, HTML5 and CSS](https://cdn-ak-scissors.b.st-hatena.com/image/square/25d06ac5f7ad7320742b9f5bebdd3e5c9d7136af/height=288;version=1;width=512/http%3A%2F%2Fjsdo-static-contents.s3.amazonaws.com%2Fimages%2Fcapture%2Ft%2FW%2F4%2FtW44.jpg%3Ft%3D1369890392)