Стиль списка CSS: нет; все еще показывает пулю
Я использую YUI reset / base, после сброса он устанавливает теги ul и li в стиль списка: диск снаружи;
Моя разметка выглядит так:
<div id = "nav">
<ul class = "links">
<li><a href = "">Testing</a></li>
</ul>
</div>
Мой CSS:
#nav {}
#nav ul li {
list-style: none;
}
Теперь маленький диск рядом с каждым ли исчезает.
Но почему это не работает?
#nav {}
#nav ul.links
{
list-style: none;
}
Он работает, если я удалю ссылку на файл base.css, почему ?.
Обновлено: sidenav -> nav
Ответы 6
не должно быть:
#nav ul.links
Может быть, стиль base.css переопределяет ваши стили с помощью "! Important"? Вы пытались добавить класс к этому конкретному li и создать для него собственный стиль?
В первом фрагменте вы применяете стиль списка к элементу li, во втором - к элементу ul.
Пытаться
#nav ul.links li
{
list-style: none;
}
Последний пример, вероятно, не работает из-за Специфика CSS. (Более серьезное объяснение можно найти здесь.) То есть правило YUI base.css:
ul li{ list-style: disc outside; }
Он более «специфичен», чем ваш, поэтому используется правило YUI. Как уже неоднократно отмечалось, вы можете сделать свое правило более конкретным, настроив таргетинг на теги li:
#nav ul li{ list-style: none; }
Трудно сказать наверняка, не глядя на свой код, но если вы не знаете о специфике, его, безусловно, стоит прочитать.
Используйте это:
.nav ul li {
list-style: none;
}
или же
.links li {
list-style: none;
}
он должен работать...
Я думаю, что Дэн был близок со своим ответом, но это не вопрос конкретности. Вы можете установить стиль списка в списке (UL), но вы также можете переопределить этот стиль списка для отдельных элементов списка (LI).
Вы говорите браузеру не использовать маркеры в списке, но YUI сообщает браузеру использовать их для отдельных элементов списка (YUI выигрывает):
ul li{ list-style: disc outside; } /* in YUI base.css */
#nav ul.links {
list-style: none; /* doesn't override styles for LIs, just the UL */
}
Вы хотите, чтобы браузер не использовал их в элементах списка:
ul li{ list-style: disc outside; } /* in YUI base.css */
#nav ul.links li {
list-style: none;
}
не добавляет ли #nav ul li сделать мой более конкретным, чем общий ul li ??