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


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

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

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

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

回答の条件
  • 1人1回まで
  • 登録:
  • 終了:2014/05/26 09:21:42
※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

ベストアンサー

id:a-kuma3 No.2

回答回数4973ベストアンサー獲得回数2154

ポイント200pt

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

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


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

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

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

ご回答いただき、誠にありがとうございます。
ダブルクォートまで、ご指摘いただき、心苦しい限りです。
無事に枠を消すことに成功いたしました。

2014/05/26 09:21:25

その他の回答1件)

id:pogpi No.1

回答回数428ベストアンサー獲得回数59

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

id:domodomodomo

試してみたのですが、改善されませんでした。
 

また div を追記したときに
Element(div.charactersheet) is overqualfied, just use .charactersheet without ... (末端は表示の範囲外で読めない)という警告文が表示されました。

ご回答いただき、ありがとうございました。

2014/05/26 07:46:42
id:a-kuma3 No.2

回答回数4973ベストアンサー獲得回数2154ここでベストアンサー

ポイント200pt

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

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


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

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

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

ご回答いただき、誠にありがとうございます。
ダブルクォートまで、ご指摘いただき、心苦しい限りです。
無事に枠を消すことに成功いたしました。

2014/05/26 09:21:25

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

回答リクエストを送信したユーザーはいません