html — украшение текста: ни один не работает на ul
спросил
Изменено 8 лет, 2 месяца назад
Просмотрено 55 тысяч раз
Я видел много вопросов на эту тему, но ни один из них не ответил на мой вопрос. Я делаю боковую панель для сайта и пытаюсь сделать ссылки в полях той же ширины, что и боковая панель, с небольшим отступом, может быть, 10-15 пикселей и небольшим расстоянием между ними. Может 3px. Но я не могу получить text-decoration: none; работать независимо от того, что я пробовал.
Это самый успешный код, который мне удалось получить:
HTML
CSS
#боковая панель {
фон: #464646;
ширина: 250 пикселей;
высота: 1000 пикселей;
поле слева: 50px;
радиус границы: 15px;
}
h4 {
семейство шрифтов: «Coda», курсив;
белый цвет;
фон: #6B6B6B;
размер шрифта: 24px;
выравнивание текста: по центру;
отступ: 15px 0 8px 0;
граница-верхний-левый-радиус: 15px;
граница-верхний-правый-радиус: 15px;
}
#боковые ссылки {
семейство шрифтов: «Армата», без засечек;
размер шрифта: 25px;
текстовое оформление: нет;
белый цвет;
цвет фона: #4D4D4D;
отступ: 10 пикселей;
положение: родственник;
}
- html
- css
- text-decorations
Удаление text-decoration и установка цвета легко
#sidelinks a {
черный цвет;
текстовое оформление: нет;
}
Так что удаление точек
#sidelinks ul {
стиль списка: нет;
заполнение: 0;
маржа: 0;
}
Если вы посмотрите на CSS, который вы разместили, ни один из них на самом деле не был нацелен на или
В скрипке нет всего, но она должна направить вас в правильном направлении: http://jsfiddle.net/eNUpJ/
1
добавить сброс css, я думаю, вам нужно узнать о сбросе css http://meyerweb.com/eric/tools/css/reset/
a {text-decoration: none;}
или
#sidelinks a {text-decoration: none;}
1
Зарегистрируйтесь или войдите в систему
Зарегистрируйтесь с помощью Google
Зарегистрироваться через Facebook
Зарегистрируйтесь, используя адрес электронной почты и пароль
Опубликовать как гость
Электронная почта
Требуется, но никогда не отображается
Опубликовать как гость
Электронная почта
Требуется, но не отображается
css — Тип стиля списка Нет, не работает
спросил
Изменено 3 года, 3 месяца назад
Просмотрено 31к раз
Когда я создавал свой сайт, я набрал следующие коды.
.naviMenu
{
тип-стиля-списка: нет !важно;
}` <дел>
<ул>
Главная
1
Причина, по которой ваш CSS не работает, потому что свойство list-style-type должно быть присоединено к элементу display: list-item, например li или ul . (Как заявил @andrewli , вы нацелились не на тот элемент).
Вы можете сделать это так:
.naviMenu > ul li { // обратите внимание, что я нацелился на элемент(ы) li, а не на весь родительский контейнер
тип стиля списка: нет; // также нет необходимости в !important
}
Небольшое примечание
Эта строка разметки:
- Главная