CSSのユニバーサルセレクタと継承・優先度について

締切済

質問者：kabushoshinsha
質問日時：2013/03/26 20:04
回答数：1件

ユニバーサルセレクタの優先度は最下位だと思うのですが
以下の場合でline-heightがユニバーサルセレクタの方を優先してしまうのは何故でしょうか？

<div id="main">
<p></p>
</div>

*[
line-height: 1.0;
]

#main[
line-height: 1.5;
]

ユニバーサルセレクタのline-heightがPに設定されるのは理解出来ますが
そこからそのPを包み込んだDIVのIDセレクタの設定が継承されないのは何故でしょうか？

以下のようにIDセレクタから子孫設定をするとようやく優先されます。

*[
line-height: 1.0;
]

#main p[
line-height: 1.5;
]

ユニバーサルセレクタには自分で設定したIDやクラス
そしてそのIDやクラスの子孫設定も含まれるのでしょうか？

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

最新から表示
回答順に表示

No.1

回答者： naokita
回答日時：2013/03/28 01:12

何か、勘違いしているのかな・・・　詳細度や*全称セレクタよりもCSSの基本を学ぶように！

<!DOCTYPE html>
<html>
<head>
<title>TEST</title>
<style type="text/css">
*{line-height: 1;}
#main p{line-height: 2;}
</style>
</head>
<body>
<div id="main"><p>あ<br>い<br>う</p></div>
<div id="sub"><p>あ<br>い<br>う</p></div>
</body>
</html>