0

CSS と ID について簡単な質問があります。

これは私のCSSコードがどのように見えるかです:

h1  {
   font-family: 'Cabin', sans-serif;
   font-size: 36px;
   color: red;
}


#test h1 {
   color: green;
   font-size:10px;
}

私のHTMLは次のようになります。

<html>
<head>
<link rel='stylesheet' href='style.css' type='text/css' media='all' />
<link href='http://fonts.googleapis.com/css?family=Cabin:600' rel='stylesheet' type='text/css'>
</head>
<body>
<h1 >asdfasdf<a href="/">test1</a></h1>
<h1 id="test">test</h1>
</body>
</html>

出力は次のようになります - > http://screencast.com/t/H2LOmJr7zd6f

私の質問は、H1 with ID テストが緑色のフォントではないのはなぜですか?

CSS で #test h1 を #test に置き換えると、機能します。

ありがとう！

4

2 に答える 2

5

CSS ID セレクターの使い方が間違っています。現在のセレクターは、ID の要素内にある要素を#test h1選択しますh1#test

ID を使用するだけで十分です。

#test {
   color: green;
   font-size:10px;
}

PS - 何らかの理由で要素タイプを ID で指定したい場合 (ID が一意であると想定されているため、これは非常に冗長です)、このセレクターを使用できます。h1#test

于 2013-09-01T07:53:47.813 に答える