HTML、CSSで作る表について、質問があります。
2つのHTMLの表にtd,thを用いて、作成したのですが、cssのtd,thは場合分けされていません。2つのHTMLの表の種類は全く違うものであり、td,thを片方に合うように設定したとき、当然ながら、もうひとつのHTMLの表に不具合が出てしまいます。
Websiteで場合分けのやり方を調べたところ。td,thも場合分けできるのですが、
例えば、td class = aaa(HTML)
td.aaa
としたとき、HTMLの中のtdの数が大変多いにも関わらず、片方のHTMLのtdに代入していかなければなりません。
片方のHTMLのtdに全てを代入することなく、簡潔に書く方法はないでしょうか?
大変恐れ入りますが、どなたかご教授願えないでしょうか?
よろしくお願いします。
1つ目の表HTML
<table class = table4 border="1"> <tr> <td colspan=4> Hair color</td> </tr> <tr> <td>スタンダードカラー</td><td> ¥3,780</td> </tr> <tr> <td>ホイルワーク</td><td> ¥2,160~¥8,640</td> </tr> <tr> <td>ライトニング</td><td> ¥6,480</td> </tr> <tr> <td>スキンコンシャス</td><td> ¥7,420</td> </tr> <tr> <td>グロスカラー</td><td> ¥5,400</td> </tr> </table>2つ目の表HTML
<table class = class5 border="1"> <tr> <th valign="top" class="op-th">個人指名料:</th> <td valign="top" class="op-td">300円(税込) お客様に合ったスタッフを指名できます。 </td> </tr> <tr> <th valign="top" class="op-th">男女指名料:</th> <td valign="top" class="op-td"> 100円(税込) 男女別にスタッフを指定できます。 </td> </tr> </table>CSS
td, th{
padding: 10px 20px;
}
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。