人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

はてなブログで表の枠を消すCSSの定義を追加したのですが、設定が反映されません。

何かお気づきになる誤りがあれば、ご指摘いただけないでしょうか?

○ 追加したCSSの定義
.charactersheet table{border-style: none;}

○ 本文
<div class=”charactersheet”>
|や|ら|な|
|い|か|?|
</div>

どうぞ、よろしくお願いいたします。

1401056525
●拡大する

●質問者: domodomodomo
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● pogpi
●0ポイント

tableタグを使っていないので、
「.charactersheet table{border-style: none;} 」を、
「div.charactersheet{border-style: none;} 」にすればいいと思います。


domodomodomoさんのコメント
試してみたのですが、改善されませんでした。 また div を追記したときに Element(div.charactersheet) is overqualfied, just use .charactersheet without ... (末端は表示の範囲外で読めない)という警告文が表示されました。 ご回答いただき、ありがとうございました。

2 ● a-kuma3
●200ポイント ベストアンサー

table ではなく、td や th に対してスタイルを指定します。

.charactersheet table td, .charactersheet table th {
 border-style: none;
}


後、質問に貼られた本文では class の属性を指定するダブルクォートが全角になってます。
質問に貼った文だけなら良いですが、これは半角で書く必要があります。

 ↓ ↓
<div class=”charactersheet”>
|や|ら|な|
|い|か|?|
</div>

 ↓ ↓
<div class="charactersheet">
|や|ら|な|
|い|か|?|
</div>

domodomodomoさんのコメント
ご回答いただき、誠にありがとうございます。 ダブルクォートまで、ご指摘いただき、心苦しい限りです。 無事に枠を消すことに成功いたしました。
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ