Элементарный CSS !

Sp2003a · 13.04.2006, 13:32

Всем доброго времени суток.
Помогите плиз начинающему. Ногами росьба не пинать. Итак, проблема в том, что в IE 6.0 не применяеться стиль. В опере например, все ок. В чем ошибка. Код элементарный. Оба примера - результат один.

Первый пример, просто изменение цвета заголовка дочернего элемента:

Код:

<HTML>
 <HEAD>
  <STYLE type="text/css">
 div>h1 {color: #FF00FF;}
  </STYLE>
 </HEAD>

 <BODY>
<div>
  <H1>Test !</h1>
</div>
 </BODY>
</HTML>

если селектор ставить как div h1 работает, но мне не понятно почему не работает тот вариант.

Пример2. селектор со свойством.

Код:

<HTML>
 <HEAD>
  <STYLE type="text/css">
 h1[align] {color: #FF00FF;}
  </STYLE>
 </HEAD>

 <BODY>
  <H1 align="center">Test !</h1>
 </BODY>
</HTML>

Такая же фигня. В опере ОК, в IE не пашет !!!

baron27 · 13.04.2006, 18:34

ие 6.0 не поддерживает селекторов дочерних элементов и селекторов с атрибутом.
жди ие 7.0

CAM · 14.04.2006, 01:10

пиши так:

Первый пример:
div h1{color: #f0f;}

Пример2:
<style type="text/css">

h1{
color: #f0f;
text-align:center;
}

</style>
</head>

<body>
<h1>Test !</h1>

вот и все и везде будет работать

p.s. а в остальном барон прав ;-)

Sp2003a · 14.04.2006, 12:18

А... спасибо.. Просто не знал, что IE 6 не поддерживает селекторы атрибутов и дочерних элементов... Бум тогда делать по-другому.

Опции темы
Версия для печати Отправить по электронной почте
Опции просмотра
Линейный вид Комбинированный вид Древовидный вид