- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：２列目のみcssを適用させるには？）
２列目のみcssを適用させるには？
このQ&Aのポイント
- この質問では、２列目のみにCSSを適用する方法についての問題が取り上げられています。
- 質問者は、特定のセレクタを使用して２列目だけにスタイルを適用しようとしていますが、現在は２列目と３列目にCSSが適用されてしまっています。
- 質問者は、どのような方法を使えば２列目のみにCSSを適用することができるのか、アドバイスを求めています。
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
１番さんもおっしゃっていますが、CSS3の《E:nth-of-type(n)》というセレクタを使うといいです。これは、〇番目のHTML要素にだけCSSを適用するという、使いこなせるようになると便利なセレクタです。 ◆E:nth-of-type(n)－CSS3リファレンス http://htmq.com/selector/nth-of-type.shtml 具体的には、 <style type="text/css"> table.test td:nth-of-type(2) { padding-left: 1em; } </style> というふうに記述すると、２列目だけにCSSが適用されます。td:nth-of-type(2)なので、上から数えて２番目の<td>にだけ、CSSを適用するという意味です。<td>1</td><td>bbb</td><td>1</td>だとすれば、<td>bbb</td>が２番目になりますね。 なお、《td+td》は隣接セレクタと呼ばれるもので、２列目だけを指定するような場合には使えないと思います。 ◆隣接セレクタ－スタイルシートリファレンス http://htmq.com/selector/adjacent.shtml
その他の回答 (1)
- muuming2001
- ベストアンサー率23% (202/847)
回答No.1
http://weboook.blog22.fc2.com/blog-entry-268.html :nth-of-type(n) :nth-child(n) このあたり
質問者
お礼
どうもありがとうございました。
お礼
どうもありがとうございました。