CSSの継承と詳細度の概念、表示ズレを解消するJavascriptハックなど、現場で役立つ技を実践的に分かりやすく説明(編集部) CSS入門の最終回は、CSSの勉強でつまづきやすい“継承”と“詳細度”の概念、表示ズレを解消するCSS/Javascriptハックなど、制作現場で役立つ技を説明します。 初心者の方は少し難しい部分もあるかもしれませんが、第1回「ちょっとサイトをステキにするCSSの基本」、第2回「良いデザインを行うためのCSSの下地を作ろう」、第3回「ブラウザの設定を初期化させるCSSとチェックツール」の連載を読んでいただければ幸いです。 継承 (親要素から子要素への引き継ぎ) CSSの重要な概念の一つに「継承」というものがあります。これは、親要素で指定したプロパティが子要素においても引き継がれることを指します。 実際のコードを基に見ていきましょう。 【CSSコード】 上の例では
![制作現場で役立つCSSハック](https://cdn-ak-scissors.b.st-hatena.com/image/square/43ff8e14c40a67b33e0babaac6c6870a028e7e52/height=288;version=1;width=512/https%3A%2F%2Fimage.itmedia.co.jp%2Fait%2Farticles%2F0812%2F02%2Fl_r5border-specifics.jpg)