- 締切済み
スタイルシート
こんばんは。HPを独学で作っている超初心者です。 スタイルシートが反映してくれないのです。下記の記述で 何が違うのでしょうか？？？ ---01.css--- <sytle type="text/css"> a:link{text-decoration:none;} <style> ---index.html（抜粋）--- <head> <link rel="stylesheet" href="01.css" type="text/css"> </head> どうしても index.html のリンク部分に下線が出てきます。 どうして消せないのかが分かりません！！！ どなたか教えてください！よろしくお願いいたします！
- MollyMole
- お礼率80% (241/301)
- その他（インターネット・Webサービス）
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
みんなの回答
- aigaion
- ベストアンサー率47% (287/608)
---01.css--- <sytle type="text/css"> a:link{text-decoration:none;} A:visited{text-decoration:none;} A:active{text-decoration:none;} A:hover{text-decoration:none;} <style> ではなく ---01.css--- a:link{text-decoration:none;} A:visited{text-decoration:none;} A:active{text-decoration:none;} A:hover{text-decoration:none;} ですよ？ cssファイルの中にHTMLタグは、書く必要はありません。 今試してみたら、cssの中をstyleタグで囲むと >今は未リンク時は下線、マウスポイント時には下線が消える状態です。 という症状が出てしまいました。 必要がないといいますか、書くとバグるみたいですね。
- aigaion
- ベストアンサー率47% (287/608)
---01.css--- a:link{text-decoration:none;} a:visited{text-decoration:none;} a:active{text-decoration:none;} a:hover{text-decoration:none;} こうするべきですね。 くわしくは参考urlを見てください。
お礼
早速のご回答、有難うございます。やってみます。 でもどうしてすべて記載しないといけないのでしょうか？ 昼の練習問題ではすべて記載しなくても出来たのですが…。
補足
すいません。回答通りにやってみたのですが、出来ませんでした。 リンクの下線は、未リンクでもマウスポイント時でも訪問後でも 消したいのですが、今は未リンク時は下線、マウスポイント時には 下線が消える状態です。 どうしてこうなってしまうのでしょうか？
お礼
あ！できました！ styleタグで囲む必要ないんですね。 失礼しました。ありがとうございました！