CSS наследуя странности - PullRequest
0 голосов
/ 26 июня 2010

Я часто сталкиваюсь с этим, и это довольно раздражает.Кто-нибудь знает об этом:

#content h5 {
color:red;
}

#next h5 {
color:blue;
}

Когда разметка выглядит так:

<div id="content>
  <h5>RED</h5>

  <div id="next">
    <h5>BLUE</h5>
  </div>
</div>

Синий h5 на самом деле будет выглядеть красным, что дает?!

Ответы [ 3 ]

2 голосов
/ 26 июня 2010

У меня не было проблем с этим.У вас есть знак кавычки отсутствует после содержания, хотя.Ниже то, что я тестировал с

<html>
<head>
<style>
#content h5 {
color:red;
}

#next h5 {
color:blue;
}
</style>
</head>
<body>
<div id="content">
  <h5>RED</h5>

  <div id="next">
    <h5>BLUE</h5>
  </div>
</div>
</body>
</html>
1 голос
/ 26 июня 2010
0 голосов
/ 26 июня 2010

Это из-за того, что известно как CSS Specificity , вот хороший урок об этом:

Особенности CSS CSS

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...