Стиль списка UL не применяется
У меня есть таблица стилей, которая по какой-либо причине не будет применять list-style-type к элементу UL. Я использую Yrid's Grid CSS с их файлом reset-fonts-grid.css, который, как я знаю, удаляет это как часть сброса CSS.
После вызова YUI я вызываю таблицу стилей для веб-сайта, и там есть блок для UL:
ul {list-style-type: disc;}
Я также попытался установить его в стиле списка, но получил тот же результат. Я знаю, что указанный выше блок CSS читается так, как будто я добавляю такие вещи, как отступы или поля, которые применяются. Тип стиля не отображается ни в Firefox, ни в IE.
Единственный другой CSS, который я применил к UL, находится в #nav div, но CSS не затрагивает тип стиля списка, он использует сброс, предоставленный YUI, а YUI и таблица стилей сайта - единственные два CSS листы, которые называются.
У меня также есть FCKEditor на стороне администратора сайта, и этот редактор показывает стили маркеров, поэтому я знаю, что это должно быть что-то с CSS, который не фильтруется FCKEditor.
16 ответов
Если я не ошибаюсь, вы должны применять это правило к li, а не к ul.
ul li {list-style-type: disc;}
Вы должны включить следующее в ваш CSS:
li { display: list-item; }
Это запускает Firefox, чтобы показать диск.
И вы также можете указать левое поле, если используемый вами метод reset.css делает все поля пустыми: это означает:
li {
list-style: disc outside none;
display: list-item;
margin-left: 1em;
}
Если вы примените этот CSS после сброса, он должен работать!
Матье Рикодо
У меня была эта проблема, и оказалось, что у меня не было прокладки на ul, которая не давала видеть диски.
Маржа портит и это тоже
Эта проблема была вызвана lidisplay атрибут устанавливается в block в родительском классе. Переопределение с list-item решил проблему.
Мой reset.css было margin: 0, padding: 0, После нескольких часов поиска и устранения неисправностей это сработало:
li {
list-style: disc outside none;
margin-left: 1em;
}
ul {
margin: 1em;
}
У меня была эта проблема, и оказалось, что у меня не было прокладки на ul, которая не давала видеть диски.
- Пытались ли вы следовать правилу с! Важным?
- Какую таблицу стилей показывает FireBug с последним контролем над элементом?
- Это живое место где-то для просмотра другими?
Обновить
Я уверен, что предоставление примеров кода поможет вам быстрее получить решение. Если вы можете загрузить пример этой проблемы где-нибудь или предоставить разметку, чтобы мы могли протестировать ее на наших локальных хостах, у вас будет больше шансов получить ценный вклад.
Проблема с вопросами заключается в том, что они заставляют других верить, что тот, кто задает вопрос, обладает достаточными знаниями, чтобы задать вопрос. В программировании это не всегда так. Возможно, вы что-то пропустили или случайно отправили. Если другие не следят за вашим кодом, они должны предположить, что вы ничего не пропустили и ничего не пропустили.
Некоторый reset.css устанавливает::markerкcontent : "", попробуйunsetчто на<li>элемент:
li::marker {
content : unset;
}
Все, что я могу думать, это то, что что-то перевешивает это потом.
Вы сначала включаете стили сброса, верно?
В IE я просто использую класс "normal_ol" для стилизации списка ol и внес некоторые изменения, показанные ниже:
предыдущий код: ol.normal_ol {float: left; отступы:0 0 0 25 пикселей; Маржа: 0; ширина:500px;} ol.normal_ol li{шрифт: нормальный 13px/20px Arial; цвет:#4D4E53; плыть налево; ширина:100%;}
модифицированный код: ol.normal_ol {float: left; отступы:0 0 0 25 пикселей; margin:0;} ol.normal_ol li{ font:normal 13px/20px Arial; цвет:#4D4E53; }
Все, что вам нужно сделать, это добавить этот класс в ваш CSS.
.ul-no-style { list-style: none; padding: 0; margin: 0; }
Включение отступов и полей, установленных на 0, чрезвычайно важно. Доверьтесь мне.
Убедитесь, что у вас не установлено свойство отображения в
li тег в моем случае у меня был
display: flex собственность на моем
li тег по какой-то причине.
пожалуйста, используйте встроенный CSS
<li style="disply:list-item">my li content </li>
Оказывается, сброс CSS в YUI удаляет стиль списка из 'ul li' вместо просто 'ul', поэтому установка его просто в 'ul' никогда не работала.