前の問題次の問題

※ 著作権上の問題により掲載を取りやめています。

---
[出典:ウェブデザイン技能検定 2級 平成28年度(2016) 第1回試験 問34]

解答

正解
2
難易度
取組履歴
ログインすると履歴が残ります
解説
解説のユーザー評価:未評価
CSSの優先順位の考え方についておさらいしておきましょう。

1,idセレクタやclassセレクタは、タイプセレクタや全称セレクタより優先される
2,idセレクタはclassセレクタより優先される
3,タイプセレクタは全称セレクタより優先される
 (※ idセレクタ > classセレクタ > タイプセレクタ > 全称セレクタ)
4,複合的な場合、詳細度の合計数により順位が決まる
4,優先順位が同じになった場合は、最後に指定したスタイルが適用される
5,!importantを付けると最優先される

本題ですが、まずカーソルを乗せたときの条件は hover:red となります。
これが優先される書き方を探すことになります。
1は、後からa:linkにより上書きされています。
4は、先に記述された body a:link により詳細度の関係で a:hover は無効となります。


ログインすると解説の投稿・編集が可能となります。
個人メモ(他のユーザーからは見えません)
メモを残すにはログインが必要です
コメント一覧
  • まだコメントがありません
※ コメントには[ログイン]が必要です。