hogashi https://blog.hatena.ne.jp/hogashi/ hogashi.* https://blog.hog.as/ CSS HTML CSS には :nth-child() - CSS: Cascading Style Sheets | MDN という疑似クラスがあって、何番目の兄弟かを指定できる。 :nth-child(3) とかやると 3番目、みたいな感じで、 1 始まりになっている。 li:nth-child(3) { background-color: gold; font-size: 2em; } 恵比寿 大黒天 福禄寿 毘沙門天 布袋 寿老人 弁財天 これの書き方に :nth-child(2n + 1) みたいなものがあって、こうすると奇数番目だけ指定できる。これは 2n だけじゃなくて、たとえば 5n にすれば… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fblog.hog.as%2Fentry%2F2022%2F01%2F24%2F213342" title="CSSで3番目以降を:nth-child(n + 3)で書く - hogashi.*" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/h/hogashi/20220124/20220124213358.png Hatena Blog https://hatena.blog 2022-01-24 21:33:42 rich https://blog.hog.as/entry/2022/01/24/213342 1.0 100%