GOOGLE ADS

понедельник, 2 мая 2022 г.

CSS-стиль списка: нет; все еще показывает пулю

Я использую сброс / базу YUI, после сброса он устанавливает теги 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


Решение проблемы

Я думаю, что Дэн был близок к своему ответу, но это не вопрос конкретики. Вы можете установить стиль списка в списке (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;
}

Комментариев нет:

Отправить комментарий

Laravel Datatable addColumn returns ID of one record only

Я пытаюсь использовать Yajra Datatable для интеграции DataTable на свой веб-сайт. Я смог отобразить таблицу, но столкнулся с проблемой. В по...