はてなﾌﾞﾛｸﾞで表の枠を消すCSSの定義を追加したのですが､設定が反映されません｡何かお気づきになる誤りがあれば､ご指摘いただけないでしょうか？ ○ 追加したCSSの定…

人力検索はてな

ﾓﾊﾞｲﾙ版を表示しています｡PC版はこちら

はてなﾌﾞﾛｸﾞで表の枠を消すCSSの定義を追加したのですが､設定が反映されません｡

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

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

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

どうぞ､よろしくお願いいたします｡

●拡大する

●質問者: 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さんのｺﾒﾝﾄ
ご回答いただき､誠にありがとうございます｡ﾀﾞﾌﾞﾙｸｫｰﾄまで､ご指摘いただき､心苦しい限りです｡無事に枠を消すことに成功いたしました｡