PDA

Просмотр полной версии : Элементарный 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 не поддерживает селекторы атрибутов и дочерних элементов... Бум тогда делать по-другому.