CSSクイズ
こんにちは。
メディア開発部の藤木です。
今回はCSSクイズを紹介したいと思います。
英語のサイトですが、特に読まなくても回答できます。
私も挑戦してみたのですが、結構難しいです。
内容はCSSで指定してあるテキストの色を当てるという一見簡単そうな問題なんですが
親要素のDIVで指定してある場合や、クラス指定でしてある色、クラスを重複して指定してあるケースなど様々なパターンがあって、優先順位について理解しているつもりでも、この場合はどっちになるんだ?と思わず悩んでしまいます。
CSSクイズはこちら
■URL
Nettuts+ Quiz #5: CSS Specificity and Cascading
実際に仕事でもコーディングしていると
知らない間に要素を継承していて、とんでもないレイアウト崩れすることがあったりもしますね。
marginやpaddingは特に、要素を消したり、付け加えたり、また消したりと、
時間が経つとカオス状態になることがあるので気をつけておきたいと思います。
もう面倒くさいから!importantでいいやと思ったら負けですね。
教えてくれた森氏に感謝!!