- ベストアンサー
CSSでdiv内の要素にtext-decoration: noneを指定する方法
- CSSファイルでdiv内の要素にtext-decoration: noneを指定する方法をまとめました。
- また、<a>タグで指定する方法と比較して、<div>タグで指定すると実行されないことがあるようです。
- CSSの文法について詳しく知りたい場合は、詳しい解説記事を参考にしてください。
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
<!DOCTYPE html> <html> <head> <link type="text/css" rel="stylesheet" href="stylesheet.css"/> <title>About Me</title> </head> <body> <img src="http://s3.amazonaws.com/codecademy-blog/assets/46838757.png"/> <p>We're Codecademy! We're here to help you learn to code.</p><br/><br/> <div> <a href="https://facebook.com">Join us<span>Facebook<span> </a> </div> </body> </html> 質問の回答とは、少々違いますが、HTML自体の記述に間違いがあります。 タグの意味が理解できていないのでは？・・・ <br />の、繰り返しは、ありえません！（冊子などによく書かれていますが、間違いです！） <br>・<br />の意味は、brake・ブレーキ、すなわち強制終了という意味です。 その行で、強制的に終了する。ゆえにブラウザのレンダリングは、改行して表示するということです。 正しくは、このHTMLの場合、Pタグのbottomに、２文字分の、marginあるいは、paddingを、とる必要があります。 また、＜abbr title="division">div</abbr>⇒最近のHTML5では<section>は、段落などの集まりを、あらわすので、classを用いて利用するのが、一般的です。 ブロック要素ですから、この中に、text-decoretionを、書くことはないでしょう！ ブロック要素内の、インライン要素（たとえばｐ）に、指定しないと、意味がないでしょう。 <div> <p><a href="https://facebook.com">Join us<span>Facebook<span></a></p> </div> のように、記述しないと、文章構造的におかしくないですか？・・・
その他の回答 (1)
- outbrave
- ベストアンサー率60% (231/380)
ブラウザのデフォルト値で、a要素にtext-decoration:underline;が付いているので、親要素に設定しても反映されないでしょう。
