スキルテスト: カスケード

このスキルテストの目的は、 CSS における継承の制御の全般的なプロパティ値を理解しているかどうかを評価することです。

メモ: このページのインタラクティブエディターや、CodePenJSFiddleGlitch などのオンラインエディターで解決策を試すことができます。

もし行き詰まったら、コミュニケーションチャンネルのいずれかに連絡してみてください。

課題 1

この課題では、継承の制御の節で見てきた特別な値の 1 つを使用します。実際の色値を用いずに、背景色を白に戻す宣言を新しいルールに書いてください。

最終結果は下記の画像のようになるはずです。

白地に黄色のリンクがかろうじて見える程度。

以下のライブコードを更新して、完成例を再現してみてください。

自分自身のエディターやオンラインエディターで作業する場合は、このタスクの開始点をダウンロードしましょう。

課題 2

この課題では、カスケードレイヤーの順序の節を活用して変更してください。リンクを rebeccapurple 色にするためにカスケードレイヤーの順序を使用して、 lightgreen の宣言に触れることなく、既存の宣言を編集してください。

最終結果は下記の画像のようになるはずです。

白地に黄色のリンクがかろうじて見える程度。

以下のライブコードを更新して、完成例を再現してみてください。

自分自身のエディターやオンラインエディターで作業する場合は、このタスクの開始点をダウンロードしましょう。