- ベストアンサー
table[summary="table_1"]
table[summary="table_1"] td,th{ padding: 5px 10px; } とスタイルシートで設定した場合、 <table summary="table_2"> のthには、 padding: 5px 10px;は適用されないですよね？ 上記のcssでthタグにpadding: 5px 10px;が出来ようされるのは、 "table_1"だけですよね？
- gxieqvkjwbjxf
- お礼率75% (58/77)
- CSS
- 回答数2
- ありがとう数3
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
thへの適用に関しては１の方が仰る通りです。 ただsummaryはそもそも表の説明を記述する要素なので、普通は日本語で書きます。 tabel_1等は何の説明にもなっていないので、それを入れるくらいならsummary自体無い方が良いです。 【例】 <table summary="Tシャツのサイズごとの料金表"> この場合、css側は table[summary="Tシャツのサイズごとの料金表"] td, table[summary="Tシャツのサイズごとの料金表"] th 等で指定してもいいですが、cssファイル内の日本語はうまく扱わないと文字化けの危険があり、文字化けすると当然cssは効きません。 ですので、summaryではなく普通にclassを指定する方が無難だと思います。
その他の回答 (1)
いえ。これでは 「table_1 の td」と「全ての th」に指定したことになります。「table_1 の td」と「table_1 の th」にしたいのであれば、横着せずに table[summary="table_1"] td, table[summary="table_1"] th{ と指定する必要があります。 横に書くと見づらいので、 table[summary="table_1"] td, table[summary="table_1"] th{ とするほうがお勧めですね。
お礼
ありがとうございます。
関連するQ&A
- table[summary="テーブル１"]th
css thの色がつかない htmlで、テーブル１というテーブルがあります。 スタイルシートで table[summary="テーブル１"]{ background-color: gray; } とすると、テーブル全部に色が付きますが、 table[summary="テーブル１"]th{ background-color: gray; } だと何も起こりません。 テーブル１には、thタグはあります。 なぜ反応しないのでしょうか？
- ベストアンサー
- CSS
- paddingはテーブルに対して行えないの？
cssのpaddingはテーブルに対して行えないのでしょうか？ table[summary="table_あ"] { text-align: center; padding: 20px 0px; } というcssを設定すると text-align: center; は適用されているのに padding: 20px 0px; は無視されます。 http://www.tagindex.com/stylesheet/table/padding.html を参考にしたのですが、 もしかして、 tableでpaddingは使えないのでしょうか？ 上下のみ空白が欲しいので20px 0pxとしました。
- ベストアンサー
- HTML
- cssを一つにまとめる事はできますか？
table[summary="テーブル"] th{ padding:0px 0px; } table[summary="テーブル"] td{ padding:0px 10px; } という、cssを一つにまとめる事はできますか？ table[summary="テーブル"] th,td{ padding:0px 0px; } とすると、うまく表示されません。
- ベストアンサー
- CSS
- tr 無視されます padding
テーブルに対してcssで table[summary="トップページ"] tr{ padding:30px 30px; } は効かないのですか？ table[summary="トップページ"] th{ padding:30px 30px; } や table[summary="トップページ"] td{ padding:30px 30px; } は適用されますが tr だけが無視されます。
- ベストアンサー
- HTML
- クラス内のテーブルが全体に適用される
.maintable TABLE, TD, TH { border: 2px #7d9ba4 dotted; border-collapse: collapse; padding: 5px; } 上記の記述を外部スタイルシートにて適用させているのですが、このテーブルの設定が、全体に適用されて困っています。 maintableクラス内のみの適用になると思っていたのですが、違うのでしょうか？ .maintable LI { list-style-image: url(image/p008_11.gif); } 同じくこのような記述は、maintableクラス内のみにきちんと適用されているので、同じ要領かと思っていたのですが。 私の誤認でしたら、.maintableクラス内にのみ適用できるテーブルのスタイルの記入の仕方を教えていただきたいです。 よろしくお願いいたします。
- ベストアンサー
- HTML
- テーブルの線の色が指定できない
テーブルの線の色が指定できないうえ、最後に宣言したスタイルシートが適用されてしまいます。 理由がわかりません。 <style type="text/css"> table, td, th.bordercolor_white { border: 1px white solid; } table, td, th.bordercolor_red { border: 1px red solid; } </style> <table class="bordercolor_white"> <tr> <td>aaa</td> <td>bbb</td> </tr> </table> このような文だと、 <table class="bordercolor_white">としているのに、 なぜかテーブルの線の色は、赤になってしまいます。 table, td, th.bordercolor_red { border: 1px red solid; } table, td, th.bordercolor_white { border: 1px white solid; } のように、順番を入れ替えると、最後に宣言した白になります。 なので、<table class="bordercolor_white">の部分は無視されるようです。 二つのテーブルの線の色を用意した場合、 任意でテーブルの線の色を付ける方法をご教授ください。
- 締切済み
- CSS
- padding 一つにまとめるには？css
<html> <head> <title>test</title> <style type="text/css"> td{padding:10;} </style> </head> <body> <table border=1> <tr><th>a</th><th>b</th></tr> <tr><td>c</td><td>d</td></tr> </table> </body> </html> これで、 cとdの行のtdタグの表の幅は設定できますが、 全ての行の表の幅を1行のcssで設定するにはどうすればいいでしょうか？ table{padding:10;} とすると、 表の幅は0になってしまい、テ^ブルの中の幅が広がってしまいます。 tr{padding:10;} にすると何もcssが適用されてないのと同じ状態になります。 th{padding:10;} td{padding:10;} で理想の形になるのですが、 なぜ tableやtrでは出来ないのでしょうか？ 1つにまとめられないのですか？ 添付画像は理想の形です。
- ベストアンサー
- HTML
- <table summary="test1 tes
classの場合は、 <div class="test1 test2"> が出来ますが、 テーブルで <table summary="test1 test2"> とは出来ないのでしょうか？ 二つのテーブルに対するcssを作ったので、二つとも適用させたいです。
- ベストアンサー
- CSS
- tdのクラスの使い方
<style type="text/css"> <!-- table { border: 1px red solid; padding:30px 30px; } </style> <body> <table border=3> <tr><td>test</td><td>test</td></tr> <tr><td>test</td><td>test</td></tr> </table> これだと、赤いテーブルの内側のみしかpaddingが有効にならないのですが、 黒いテーブルの枠もpaddingするには、 td { padding:30px 30px; } とするしかないのでしょうか？ クラス名を付けて、やりたいテーブルのtdタグだけ適用させたい場合は、 td.aaa { padding:30px 30px; } として、 <table border=3> <tr><td class="aaa">test</td class="aaa"><td class="aaa">test</td class="aaa"></tr> <tr><td class="aaa">test</td class="aaa"><td class="aaa">test</td class="aaa"></tr> </table> のように、すべてのtdタグにクラス名を付けるしかないのですか？
- 締切済み
- HTML
- スタイルシートテーブルの罫線を細くしたい
例えば以下のようにHTMLを書いた場合、 tableとtdのスタイルシート指定により、 外枠と内枠で罫線がかさなり、 若干太くなってしまいます。 細くしたいのですが、どうすれば出来るのでしょうか？ <table style="{border:1px solid #000000;border-spacing:0px}"> <tr> <td style="{border:1px solid #000000;padding:0px}">あああ </td> <td style="{border:1px solid #000000;padding:0px}">いいい </td> </tr> </table>
- ベストアンサー
- その他（インターネット・Webサービス）
お礼
ありがとうございます。