最近まで :nth-child と :nth-of-type の違いについて知らなかった. というか,:nth-of-type はどこかで見たことある〜程度で使ったことがなかった. 知らなくても CSS なんとなく大丈夫でしょ! みたいな気分で生きてきた. だけど この間,動的に追加されたスタイルの :nth-child が自分の想像した感じで要素にあたってなくて, なぜだろうってなったので調査する必要が出てきたところから, 昔読んだ DOM についての記事につながりだした. 表があったとして: <table class="container"> <tr id="some-tr"> <th>A</th> <td>B</td> <td>C</td> <td>D</td> <th> <table> <tr> <td>E</td> </tr> </table> </th> </tr> </tab