Идентификаторы в контекстных селекторах

Darkside · July 15, 2007

Доброго времени суток!

Данное определение стиля не работает

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Untitled Document</title>
<style type="text/css">
#list1 ul li {
 list-style:none;
}
</style>
</head>

<body>
<ul id="list1">
 <li>1</li>
 <li>2</li>
 <li>3</li>
</ul>
</body>
</html>

А если указать

<style type="text/css">
ul#list1 li {
 list-style:none;
}
</style>

то все нормально.

Подскажите, первый вариант является синтаксически неправильным?

PS то же самое наблюдается и с классами

Admin · July 16, 2007

для тега ul нельзя задать list-style:none. Он зада?тся только для li.

Кстати, ид ведь может быть только один на странице (я имею в виду с одним именем), так что лучше использовать классы.

.list1 li {
list-style:none;
}

yopopt · July 16, 2007

<style type="text/css">
ul#list1 li {
 list-style:none;
}
</style>

Посмотрите внимательно и почувствуйте разницу.

PacMan · July 16, 2007

#list1 ul li {
list-style:none;
}
ul#list1 li {
list-style:none;
}

Оба варианта синтаксически верны. просто применяются к разным элементам.

YETI · July 16, 2007

#list1 ul li {
 list-style:none;
}

При таком написании браузер находит элемент с id=list1, ищет в нем элемент ul, а в нем элемент li и пытается к нему применить list-style:none. А проблема в том что в элементе с id=list1 отсутствует элемент ul.

Darkside · July 16, 2007

разобрался. спасибо огромное. доступно, логично и исчерпывающе

Sign In

Идентификаторы в контекстных селекторах

Question

Darkside

Link to comment

Share on other sites

5 answers to this question

Recommended Posts

Admin

Link to comment

Share on other sites

yopopt

Link to comment

Share on other sites

PacMan

Link to comment

Share on other sites

YETI

Link to comment

Share on other sites

Darkside

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information