前の問題次の問題

次のような順で記述されたCSSセレクタがあった場合のブラウザの挙動として正しいのはどちらか。

[HTML]
<body>
<div id="hearder">
<p>ヘッダー</p>
</div>

<div id="main">
 <div id="navi">
 <ul>
  <li><a href="">ナビ</a></li>
  <li><a href="">ナビ</a></li>
  <li><a href="">ナビ</a></li>
 </ul>
 </div>
 <div id="contents">
  <h1>メインコンテンツ</h1>
 </div>
</div>

<div id="footer">
 <p>フッター</p>
</div>

[css]
#main #navi ul li a{
  display: block;
  padding: 10px;
  background: #FFC;
  text-decoration: none;
}
ul li a {
  display: inline;
  padding: 20px;
  background: #F00;
  color: #0F0;
}

選択肢 1

1番目のセレクタに2番目のcolorプロパティが追加される。

選択肢 2

1番目の text-decoration 以外は、2番目のセレクタに全て上書きされる。

解答

正解
1
取組履歴
ログインすると履歴が残ります
解説
この問題は解説を募集しております。
ログインすると解説を投稿できます。
個人メモ(他のユーザーからは見えません)
メモを残すにはログインが必要です
コメント一覧
  • まだコメントがありません
※ コメントには[ログイン]が必要です。