- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
Что делать, если ваша email-рассылка попала в спам
10 распространенных причин и решений
Екатерина Ткаченко
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Всем привет. Не могу разобраться в элементарном, помогите пожалуйста.
Собственно сайт http://nametle.com
На нём забацал кнопку "читать далее" таким образом:
Стиль кнопки:
.continue {
background: transparent url('images/read_more.png') 0 0 no-repeat;
float: right;
color:#fff;
width: 140px;
height: 31px;
font-size:14px;
padding-top: 6px;
padding-left: 15px;
margin-top: 0px;
font: normal 14px Georgia;
font-weight:normal;
text-decoration:none;
text-transform:none;
}
.continue:hover{
background: transparent url('images/read_more.png') 0 0 no-repeat;
float: right;
color:#fff;
width: 140px;
height: 31px;
font-size:14px;
padding-top: 6px;
padding-left: 15px;
margin-top: 0px;
font: normal 14px Georgia;
text-decoration:underline;
text-transform:none;
}
Я указал свойству color значение #fff, не значит ли это то, что текст в блоке должен быть белым? Знаю что не значит, т.к. ни к каким изменениям не приводит :crazy: Стиль ссылки наследуется отсюда:
#content .post .post-entry a {
color: #999;
text-decoration: underline;
}
#content .post .post-entry a:hover {
color: #ccc;
text-decoration: underline;
}
Я пробовал указать:
.continue a{color: #fff;
}
и даже:
Но так же ничего не происходит. Я понимаю, что очень мало понимаю в CSS, но пытаюсь разобраться в нём. Подскажите решение пожалуйста и если не трудно прокомментируйте почему делать надо именно так.
как вариант !important добавить
color: #fff !important;
Наследуется из свойства "#content .post .post-entry a" потому, что здесь больше уровень вложений, а значит это приоритетные. Если бы вы написали
То это было бы приоритетнее. Псевдо-класс !important - предложенный Angelo как раз решение.
ParserYa, Angelo, спасибо вам. !important тоже пробовал кстати, но выходит неправильно пробовал.
Теперь мне понятны эти пункты 3 и 4:
1. свойство задано при помощи !important;
2. стиль прописан напрямую в теге;
3. количество идентификаторов (#id) в селекторе (чем больше, тем больше приоритет);
4. количество классов (.class) и псевдоклассов (: pseudoclass) в селекторе;
5. количество имён тегов в селекторе.
Как полезно бывает спросить совета)). Ещё раз спасибо.
На будущее: используй FireFox + FireBug. Тогда сможешь легко и непринуждённо посмотреть какие CSS-свойства откуда применяются и, соответственно, в какой последовательности.
(Взять FireBug можно по официальной ссылке getfirebug.com)
Я указал свойству color значение #fff, не значит ли это то, что текст в блоке должен быть белым? ..
Неправильно указали цвет. Значение цвета 6 знаков: #ffffff.
Неправильно указали цвет. Значение цвета 6 знаков: #ffffff.
И давно так?
И давно так?
Так было всегда: два для красного, два для зеленого и два для синего.
Сразу видно вы знаток.
http://www.w3.org/TR/css3-color/
Спасибо Toy за то что он меня поправил. Напишите так:
.continue a {
....
}
правило ".continue" - применяется для текста внутри "<div>", но не для текста внутри дочерних элементов. Если нужно чтобы текст дочернего элемента "<a>" стал белым примените правило ".continue a"
Пример:
<html>
<head>
<style type="text/css">
body {
background-color: black;
}
.continue {
color: green;
}
.continue a {
color: #ffffff;
}
</style>
</head>
<body>
<div class="continue">
Текст до ссылки<a href="#">Читать далее...</a>текст после ссылки.
</div>
</body>
</html>
применяется для текста внутри "<div>", но не для текста внутри дочерних элементов.
Бред.. свойство color спокойно наследуется для всех дочерних элементов. Другое дело, что ссылка <a> имеет, по умолчанию, имеет определенный цвет, который, скорее всего, будет отличаться от остального текста.
Ссылке без разницы, что весь текст серо-буро-малиновый до тех пор, пока вы не скажете
div /*родительский блок*/ a {color:серо-буро-малиновый}