Как изменить цвет ссылки html

Изменить цвет ссылки

Учу HTML и CSS и не могу понять, почему у ссылки, у которой прописано text-decoration:none все равно остается цвет ссылки. Просто когда вчера писал, у меня после этого значения, цвет стал черный, а сейчас почему -то цвет нажатой ссылки.

.header < box-shadow: black; -webkit-box-shadow: none; /*background-color: black;*/ border-bottom: 1px solid #e8e8e8; max-height: 60px; z-index: 1000; >.container < width: 100%; max-width: 1170px; margin: 0 auto; display: table; >.container::before < content: " "; display: table; >.container::after < content: " "; display: table; clear: both; >.nav < display: flex; justify-content: space-between; position: relative; /*margin: 0.3rem;*/ >.nav__left < font-weight: 600; font-size: 1.3rem; margin: 0.3rem 0px 0rem 0rem; >.nav__left__names < font-weight: 300; font-size: 0.8rem; margin: -0.1rem 0px 0.3rem 0rem; >.nav__logo < width: 2.7rem; height: 2.7rem; display: block; float: left; margin: 0.3rem 0px 0.3rem 0rem; >.nav__right>ul>li < float: left; list-style: none; margin: 0; font-size: 1.1rem; padding: 0px 10px; >.nav__right>ul>li>a

 It's name My name

  Главная
  FAQ
  Скачать
  Протоколы

Как изменить цвет ссылки и фона под ней?

Используйте стилевое свойство color для задания цвета текста и background для изменения цвета фона под ссылкой, добавляя их к селектору A , как показано в примере 1.

Пример 1. Изменение цвета ссылок

Цвет ссылок

Для сборки мегадроида требуется открыть коробку, достать мешочек с микросхемами и сложить их в нужном порядке, пользуясь нашим подробным 8631-страничным руководством.

Результат данного примера показан ни рис. 1.

Рис. 1. Вид ссылок, у которых изменён цвет и фон

В случае добавления к ссылке фона желательно установить поля с помощью свойства padding , чтобы текст не прилегал плотно к краю цветной области.

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

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

Блог
Войдите или зарегистрируйтесь, чтобы отправлять комментарии

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

Войдите или зарегистрируйтесь, чтобы отправлять комментарии
Реакции

Войдите или зарегистрируйтесь, чтобы отправлять комментарии
Реакции

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

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

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

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

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

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

Войдите или зарегистрируйтесь, чтобы отправлять комментарии
Реакции

«digital_sword» wrote:

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

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

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

Войдите или зарегистрируйтесь, чтобы отправлять комментарии
Реакции

«penexe» wrote:

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

Почему? Может я каких-то возможностей firebug не увидел?
«penexe» wrote:
по теме,
убили наповал
#bla-bla-bla a.style color:#ccc;
>

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

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

Войдите или зарегистрируйтесь, чтобы отправлять комментарии
Реакции

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

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

a .class : link < color : #ccc ; >
a .class : visited < color : red ; >
a .class : hover < color : #ccc ; >
a #id:link
a #id:visited
a #id:hover

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

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

Войдите или зарегистрируйтесь, чтобы отправлять комментарии
Реакции

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

возможности firebug

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

и вы тоже можете!

Войдите или зарегистрируйтесь, чтобы отправлять комментарии
Реакции

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

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

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
a #linkid:visited
a #linkid:hover

/*penexe*/
#linkid a.style <
color: #red;
>

Войдите или зарегистрируйтесь, чтобы отправлять комментарии
Реакции

2 digital_sword
1)
CSS

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

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

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

< a style= "color:red;"

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

Войдите или зарегистрируйтесь, чтобы отправлять комментарии
Реакции

Дебаты )))
Может покажешь как присваиваешь id/class? Потом css копать можно )))

Войдите или зарегистрируйтесь, чтобы отправлять комментарии
Реакции

«PVasili» wrote:
CSS
a
покрасит все ссылки в красный

Это понятно, но все мне не нужно
«PVasili» wrote:

#red.a, .red.a, div a(color:red)
покрасит ссылки которые

В данном примере (который выложил) по аналогии добавил стиль
#linkid.a, .linkid.a
Не помогло.
«PVasili» wrote:
< a style= "color:red;" покрасят в красный не смотря на CSS
почитайте любой учебник по стилям

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

Как в моем прикрепленном примере перекрасить ссылку, используя только css?

«Dimanic» wrote:
Может покажешь как присваиваешь id/class? Потом css копать можно )))

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

Войдите или зарегистрируйтесь, чтобы отправлять комментарии
Реакции

подскажите, что с css то делать.
пример моем комментарии сб, 29/11/2008 — 13:57

Войдите или зарегистрируйтесь, чтобы отправлять комментарии
Реакции

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

Войдите или зарегистрируйтесь, чтобы отправлять комментарии
Реакции

«Dimanic» wrote:
div#linkid a <
color: blue;
>
div#linkid a:hover <
color: red;
>

Войдите или зарегистрируйтесь, чтобы отправлять комментарии

Реакции

закрой тему и постарайся давать данные в самой статье )))

Войдите или зарегистрируйтесь, чтобы отправлять комментарии
Реакции

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

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

Войдите или зарегистрируйтесь, чтобы отправлять комментарии
Реакции

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

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

Войдите или зарегистрируйтесь, чтобы отправлять комментарии
Реакции

EllECTRONC 1 декабря 2008 в 13:10

Довольно! Хватит наезжать (давить) на человека. даже Аксель себе такого не позволяет.
Проблема решена.

Войдите или зарегистрируйтесь, чтобы отправлять комментарии
Реакции

Dimanic 1 декабря 2008 в 14:21
«EllECTRONC» wrote:

Войдите или зарегистрируйтесь, чтобы отправлять комментарии
Реакции

EllECTRONC 1 декабря 2008 в 14:46

Проблемы с русским языком? Советую закончить русскую школу, а потом браться за китайскую. )))

Войдите или зарегистрируйтесь, чтобы отправлять комментарии
Реакции

PVasili 1 декабря 2008 в 14:49

Давайте не по теме свернем, бо смысла в этом мало.

Войдите или зарегистрируйтесь, чтобы отправлять комментарии
Реакции

Цвет ссылки HTML

Изменение цвета ссылки выполняется с помощью стиля css:

Код сгенерирует эту ссылку:

Цвет фона ссылки

Изменение цвета фона ссылки выполняется с помощью стиля css:

Код сгенерирует эту ссылку:

Цвет ссылок Div

#link_bar a — стиль для всех состояний ссылки.

#link_bar a: link — это стиль обычной ссылки.

#link_bar a: loaded — стиль посещенной ссылки.

#link_bar a: hover — это стиль ссылки при наведении курсора мыши.

#link_bar a: active — это стиль ссылки при нажатии мышью.

Смотрите также

HTML ссылка
Якорная ссылка HTML
Ссылка на кнопку HTML
Ссылка на изображение HTML
HTML-ссылка mailto
HTML-ссылка в новом окне
Текстовая ссылка HTML

HTML ССЫЛКИ

Якорная ссылка
Ссылка кнопки
Ссылка для скачивания
Электронная почта
Ссылка на изображение
Ссылка на Javascript
Цвет ссылки
Ссылка в новом окне
Текстовая ссылка