指定する方法を紹介します。td【偶数列】td:nth-of-type(2n)【奇数列】td:nth-of-type(2n-1)下記より詳しく解説します。CSSやhtmlの基本をしっかり理解すると、この記事の内容もより理解できるようになりますよ。↓CSSやhtmlを楽しく学べるようにマンガを描きましたのでゼヒご覧ください↓htmlやCSSをマンガで楽しく学ぼう【180ページ単行本1冊相当量】htmlから収益化までホームページ作成の基本をひととおり、マンガでクスっと笑いながら学べます。9年間ホームページを作ってきた作者の実績に基づき作られた確かな内容です。この記事を読む【ポイント】:nth-of-type(n)を使う「:nth-of-type(n)」は「n番目の...」と指定できる疑似クラス(セレクタ)です。nには数字か数式が入ります。これを使うと「上から何番目の行」「左から何番目の列」を指定できます。【後ろから数えるなら】:nth-last-of-type(n)「一番下の行、一番右の列を指定したい!」というときは「:nth-last-of-type(n)」を使いましょう。これを使うと「下から何番目の行」「右から何番目の列」を指定できます。#c0e0fc;}tableの行は必ずtrに囲まれています。よってtrが何番目か指定すると行数を指定できます。trにはCSSを指定せず、その子要素のtdにCSSを指定しましょう。#c0e0fc;}偶数は2の倍数です。数式にすると「2n」となります。「:nth-of-type(2n)」と指定すると偶数になります。「:nth-of-type(even)」も偶数です。個人的には「2n」のほうが覚えやすいです。#c0e0fc;}偶数は2の倍数です。奇数は偶数から1つずらした数字となります。数式にすると「2n-1」または「2n+1」となります。「:nth-of-type(2n-1)」または「:nth-of-type(2n+1)」と指定すると奇数になります。「:nth-of-type(odd)」も奇数です。個人的には「2n-1」または「2n+1」のほうが覚えやすいです。一行目がth(タイトル)のとき「tr:nth-of-type(n)」は何番目のtrかを数えています。一行目がthであろうがtrは1番目です。一行目を除くと考えると「2n」は「2n-1」、「2n+1」は「2n+1-1」=「2n」となり、偶数と奇数が入れ替わりますので注意しましょう。#c0e0fc;}↑奇数行(2n-1)を指定していますが、タイトル行が1行目、普通行が2行目から始まるため、普通行の偶数行が指定されます。CSSでは「td」を指定しているため「th」には適用されません。th」のように追加しましょう。いえ、実際thは最初の行でしか使わないため「n番目の...」という指定は不要で「th」だけの指定でよいでしょう。任意で指定したいとき「行数が増えたり減ったりしてもこの行を押さえておきたい!」というときは任意のtrにclassをつけましょう。#c0e0fc;}列は特定のhtmlタグには囲まれていません。tdの数はどの行でも同じです。これを利用して「すべての行のn番目のtd」を指定すると列を指定できます。「td:nth-of-type(3)」と指定すると3列目を指定できます。#c0e0fc;}偶数は2の倍数です。数式にすると「2n」となります。「:nth-of-type(2n)」と指定すると偶数になります。「:nth-of-type(even)」も偶数です。個人的には「2n」のほうが覚えやすいです。#c0e0fc;}偶数は2の倍数です。奇数は偶数から1つずらした数字となります。数式にすると「2n-1」または「2n+1」となります。「:nth-of-type(2n-1)」または「:nth-of-type(2n+1)」と指定すると奇数になります。「:nth-of-type(odd)」も奇数です。個人的には「2n-1」または「2n+1」のほうが覚えやすいです。一列目がth(タイトル)のとき「td:nth-of-type(n)」は何番目のtdかを数えています。一列目がthの場合1つめのtdはthの次のtdとなります。一列目を除くと考えると、行のときと違い、列の場合は奇数と偶数が入れ替わりません。#c0e0fc;}↑奇数列(2n-1)を指定しており、タイトル列が1列目、普通列が2列目から始まりますが、普通列の奇数列が指定されます。CSSでは「td」を指定しているため「th」には適用されません。任意で指定したいとき「列数が増えたり減ったりしてもこの列を押さえておきたい!」というときは任意の各tdにclassを指定しましょう。複雑な指定をしたいときn行目以降すべてn行目までn行目からn行目までのように複雑な指定も可能です。詳しくは下記記事を参考に「:nth-of-type(n)」を使いこなしてください。ごとに指定する方法」を説明します。「この記事の内容がよくわからなかった...」「なんかうまくいかなかった...」というかたは下記記事↓でhtmlとCSSの基本を学びましょう。わからないまま突き進むより基本を学ぶのが結局近道です。htmlやCSSをマンガで楽しく学ぼう【180ページ単行本1冊相当量】htmlから収益化までホームページ作成の基本をひととおり、マンガでクスっと笑いながら学べます。9年間ホームページを作ってきた作者の実績に基づき作られた確かな内容です。マンガでわかるホームページ。