Jump to content
  • 0

Как задать стиль куска со ссылкой?


Max.htm
 Share

Question

Я извиняюсь за такой простой вопрос, но всё же:

Есть структура вида

<a class="class1" href=>

<h2>Text1</h2>

<p>Text2</p>

</a>

Как задать стиль CSS для class1, чтобы при наведении на этот кусок его вид оставался неизменным? Не менялся цвет и не появлялось подчеркивание согласно другим, общим правилам в файле CSS. Про a:link, a:active, a:hover и a:visited читал, но чего-то не понимаю.

Edited by Max.htm
Link to comment
Share on other sites

9 answers to this question

Recommended Posts

  • 0

Извините за редкое появление.

ты хочешь чтобы при наведении на ссылку, ничего не менялось?

Именно.

.class1:hover {

color:black;

text-decoration:none;

}

Неа, так я уже пробовал, не работает. Какой-то другой стиль перебивает настройку, вот, пытаюсь понять, как нужный вид всё-таки гвоздями прибить, чтобы держался.
Link to comment
Share on other sites

  • 0

попробуйте a.class1:hover

и что у вас портится конкретно?

возможно у вас есть правило вида .class1:hover р2, .class1:hover p или р2:hover или p:hover

И так пробовал, и a.class1:hover p. Всё равно при наведении мыши появляется подчеркивание и меняется цвет. Имя класса уникальное, на него никаких других правил нет. Вот p:hover или общее a:hover - это запросто может быть, но их менять нельзя. Edited by Max.htm
Link to comment
Share on other sites

  • 0

a.class1:hover должен перевесить a:hover так что ищите, где-то у вас что-то не так, можно еще для профилактики a.class1:hover поместить после a:hover и проверить на наличие !important, возможно добавить где надо. Еще проверьте пользовательские скрипты не подключаются ли у вас в браузере

 

Для наглядности, вот немного дополненный пример http://jsfiddle.net/CLMWd/2/

a:hover не отрабатывает даже будучи последним

Edited by Switch74
Link to comment
Share on other sites

  • 0
Вы предлагаете поменять общий стиль ссылок?

a.class1:hover должен перевесить a:hover так что ищите, где-то у вас что-то не так, можно еще для профилактики a.class1:hover поместить после a:hover и проверить на наличие !important, возможно добавить где надо. Еще проверьте пользовательские скрипты не подключаются ли у вас в браузере

Пользовательские скрипты не подключаются. Перевесить-то должен, но загадочным образом не перевешивает. Про поместить после - сейчас загнал правило в самый конец, то же самое. !important пробовал. Где-то я туплю который день уже. Edited by Max.htm
Link to comment
Share on other sites

  • 0

Ура, товарищи! Оказывается, это движок не подгружал мои измененные файлы стилей. А так-то, если пнуть в админке обновление, всё замечательным образом работает. Бывает же.

Большое спасибо всем за помощь.

Edited by Max.htm
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy