ブログ
勉強して学びを得たときの疑問や改善点などを日々記録しています。
是非ご参考までに覗いてみてください。
コーディングテスト9
授業について
WEBデザイナー、WEBクリエイターを目指そうとしている皆さまに、コーディング基礎知識問題の第9問目です！この問題が解けるでしょうか？
ぜひ、チャレンジしてみてください！
コーディング問題その9
以下のようなpタグがあります。
このpタグに対して、以下の4つのCSSを適用した場合、文字の色は何色になるでしょうか？
それぞれお答えください。
(1)
(2)
(3)
(4)
正解は・・・
(1)は、みどり
(2)は、あか
(3)は、ブラウン
(4)は、オレンジ
となります。この問題は詳細度の問題となっています。
(1)は、∗は詳細度0、.greenは1つのクラスを使っているので詳細度は10、.highlight .greenは2つのクラスを指定しているので詳細度は20となります。
そのため、greenが優先して適用されます。
(2)は、クラスで指定するよりもidを使用したほうが詳細度は強い（詳細度100）ため、#strongで指定しているredが適用されます。
(3)は、#strongが2か所ありますが、詳細度が同じ場合は後から記述されているものが優先されるので、brownが適用されます。
(4)は、pなどの要素での指定は詳細度1なので、クラスで指定しているorangeが適用されます。
この、コーディング問題は全部で10問あります！
次の問題も、ぜひチャレンジしてみてください！お楽しみに・・・
この記事を書いた人
-
へけ -
くりぷろスタジオの中では一番の年長者です。毎日、一緒に働いている皆様たちに助けられています。一見、しっかり者ですが年相応のうっかりも時々あります。とにかく、寝ることが楽しみです。平穏に毎日が過ごせたらいいなぁと思っています。