[решено]CSS. Как изменить цвет ссылки

Главные вкладки

Аватар пользователя digital_sword digital_sword 29 ноября 2008 в 13:14

Создаю ссылку прямо в файле page.tpl.php. Присваиваю ей id или class. Теперь я могу менять все кроме цвета ссылки. За этот параметр отвечает стиль

a:link, a:visited {
  color: #1f5ca1;
  text-decoration: none;
}

a:hover {
  color: #0062A0;
  text-decoration: underline;
}

a.active, a:link.active, a:visited.active, a:hover.active {
  color: #1f5ca1;
  font-weight: 700;
}

И цвет из других мест ну никак не меняется. Так как мне изменить цвет только моей ссылки?

Комментарии

Аватар пользователя EllECTRONC EllECTRONC 29 ноября 2008 в 13:44

А??? ЧЕГО???
У вас приведен css для всех ссылок, а не конкретно для вашей.
Вы же задали вашей ссылке id или class, вот и шагайте от туда.
a.class или a#id, а потом уже все остальное.
И знаете Firefox+Firebug — решит все ваши проблемы с незнанием css.

Аватар пользователя digital_sword digital_sword 29 ноября 2008 в 14:36

"EllECTRONC" wrote:
У вас приведен css для всех ссылок, а не конкретно для вашей.

Как сделать конкретно для моей я и пытаюсь выяснить
"Demimurych" wrote:
a.class или a#id, а потом уже все остальное.

нет. Не паботает
"Demimurych" wrote:
И знаете Firefox+Firebug — решит все ваши проблемы с незнанием css.

Установил, посмотрел. Но сохранять страницу полностью и смотреть исходный код в дримвьювере все равно лучше.
"Demimurych" wrote:
Предлагаю начать с
http://htmlbook.ru[/quote]
да, в общем-то всегда пользовался справочником стилей... Но собираюсь изучить

Тут мелкий вопрос: как ссылку перекрасить?

Аватар пользователя penexe penexe 29 ноября 2008 в 14:40

"digital_sword" wrote:

Установил, посмотрел. Но сохранять страницу полностью и смотреть исходный код в дримвьювере все равно лучше.

убили наповал

по теме,
#bla-bla-bla a.style {
color:#ccc;
}

Аватар пользователя digital_sword digital_sword 29 ноября 2008 в 15:11

"penexe" wrote:

убили наповал

Почему? Может я каких-то возможностей firebug не увидел?

"penexe" wrote:
по теме,
убили наповал
#bla-bla-bla a.style {
color:#ccc;
}

Не работает. Ни с id ни с class. А если указать
#bla-bla-bla {

}
То в этом случае изменяться будет все, кроме цвета.

Аватар пользователя EllECTRONC EllECTRONC 29 ноября 2008 в 15:21

"digital_sword" wrote:
нет. Не паботает

Что именно не работает? Примеры в сделию!. Мы не телепаты, мы можем только финалы фильмов угадывать.©
Почему не получается:

a.class:link{color:#ccc;}
a.class:visited{color:red;}
a.class:hover{color:#ccc;}

или

a#id:link{color:#ccc;}
a#id:visited{color:red;}
a#id:hover{color:#ccc;}

Имейте в виду это все лишь примеры.

+ CSS это каскадные стил (т.е. вложенные), т.е. пробуйте перед классом ссылки добавить дивы и прочую «шушару», куда вы спрятали вашу ссылку.

Аватар пользователя EllECTRONC EllECTRONC 10 ноября 2015 в 11:45

"digital_sword" wrote:
Может я каких-то возможностей firebug не увидел?

К примеру я прямо сейчас в firebug могу сделать вот так:
возможности firebug
и вы тоже можете!

Аватар пользователя digital_sword digital_sword 29 ноября 2008 в 16:57

"EllECTRONC" wrote:
Примеры в сделию!. Мы не телепаты, мы можем только финалы фильмов угадывать.

Гм, ну я же объяснил, изменить цвет только одной ссылки, остальные не тронуть. Прикладываю простой пример с двумя ссылками, в нем ваш вариант стиля и стиль от penexe. Почему-то у меня оба не работают.

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
<!--
/*исходные стили*/
a:link, a:visited {
  color: #1f5ca1;
  text-decoration: none;
}
 
a:hover {
  color: #0062A0;
  text-decoration: underline;
}
 
a.active, a:link.active, a:visited.active, a:hover.active {
  color: #1f5ca1;
  font-weight: 700;
}

/*EllECTRONC*/
a#linkid:link{color:#red;}
a#linkid:visited{color:red;}
a#linkid:hover{color:#red;}

/*penexe*/
#linkid a.style {
color:#red;
}

-->
</style>
<a href="http://drupal.ru">Обычная ссылка</a>
<div id="linkid"><a href="http://drupal.ru">Ссылка, которую нужно изменить</a></div>

Аватар пользователя PVasili PVasili 29 ноября 2008 в 17:06

2 digital_sword
1)
CSS

a {color:red}

покрасит все ссылки в красный
2)
CSS

#red.a, .red.a, div a(color:red)

покрасит ссылки которые (

<a id="red" ... \ <a class="red" \ <div> <a ....

)
3)
HTML

<a style="color:red;"

покрасят в красный не смотря на CSS
почитайте любой учебник по стилям

Аватар пользователя digital_sword digital_sword 29 ноября 2008 в 19:51

"PVasili" wrote:
CSS
a {color:red}
покрасит все ссылки в красный

Это понятно, но все мне не нужно
"PVasili" wrote:
#red.a, .red.a, div a(color:red)
покрасит ссылки которые

(
<a id="red" ... \ <a class="red" \ <div> <a ....
)


В данном примере (который выложил) по аналогии добавил стиль
#linkid.a, .linkid.a {color:red}
Не помогло.
"PVasili" wrote:

<a style="color:red;"  покрасят в красный не смотря на CSS
почитайте любой учебник по стилям


Тоже известный факт, в случае со ссылкой в page.tpl.php так и сделал, но как быть со ссылками, которые формирует views?


Как в моем прикрепленном примере перекрасить ссылку, используя только css?
"Dimanic" wrote:
Может покажешь как присваиваешь id/class? Потом css копать можно )))

Мое сообщение 29/11/2008 - 13:57 - там прикрепил пример, он одним кодом вставляется в html просто.

Аватар пользователя Dimanic Dimanic 30 ноября 2008 в 6:29

div#linkid a{
color: blue;
}
div#linkid a:hover{
color: red;
}
Сложности так и не понял ))) Просто нужно правильно css прописывать ))) Не поленись и почитай )))

Аватар пользователя digital_sword digital_sword 30 ноября 2008 в 21:54

"Dimanic" wrote:
и постарайся давать данные в самой статье )))

А что не понятно то? В первом сообщении и писалось: "Как изменить цвет только одной ссылки, при том что общие стили для ссылок заданы?"
Еще раз спасибо за ответ.

Аватар пользователя Dimanic Dimanic 1 декабря 2008 в 12:38

"digital_sword" wrote:
А что не понятно то?

ты хотел получить конкретный ответ или чтобы монотонно рассуждали как это можно сделать? Если конкретно, то надо приводить полные данные, которыми являются код html и код css, который стилизует этот код. Сам по себе css без html является пустым местом. Теперь понятно?