Переопределить стилизацию ссылок Quick Linker по умолчанию с помощью CSS - PullRequest
1 голос
/ 29 июня 2009

Edit:

Я решил эту проблему благодаря Эмили и Майку ниже. Они рассказали мне, как узнать, откуда взялся CSS с помощью Firebug.


Для моего сайта у меня была ссылка черного цвета без подчеркивания, затем с подчеркиванием при наведении. Я превратил эту ссылку в ссылку Amazon Quick Linker, а затем она стала синей с подчеркиванием.

Кто-то из Stack Overflow сказал мне добавить !important в CSS, но это не изменило формат ссылки.

Любая идея, как я мог бы превратить эту ссылку в черный цвет без подчеркивания и при этом сохранить ссылку "Quick Linker" на Amazon?

Вот код для ссылки:

'<a type="amzn" category="books" class="links2">'.$row['site'].'</a>'

Вот CSS для ссылки:

a.links2:link {
    color: #000 !important;
    text-decoration: none !important;
    text-align: left !important;
    margin-top: 6px !important;
    margin-bottom: 2px !important;
    margin-left: 2px !important;
    padding: 0px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    height: 12px !important;
    vertical-align:middle !important;
}

a.links2:visited {
    color: #000 !important;
    text-decoration: none !important;
    text-align: left !important;
    margin-top: 6px !important;
    margin-bottom: 2px !important;
    margin-left: 2px !important;
    padding: 0px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    height: 12px !important;
    vertical-align:middle !important;
}

a.links2:hover {
    color: #000 !important;
    text-decoration: underline !important; 
    text-align: left !important;
    margin-top: 6px !important;
    margin-bottom: 2px !important;
    margin-left: 2px !important;
    padding: 0px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    height: 12px !important;
    vertical-align: middle !important;
}

a.links2:active {
    color: #000 !important;
    text-align: left !important;
    margin-top: 6px !important;
    margin-bottom: 2px !important;
    margin-left: 2px !important;
    padding: 0px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    height: 12px !important;
    vertical-align: middle !important;
}

1 Ответ

0 голосов
/ 29 июня 2009

Возможно ли, что CSS объявлен перед стилями Amazon "Quick Linker"? Сценарий быстрого компоновщика также может устанавливать объявление! Important, которое будет иметь приоритет над вашим собственным объявлением. Вам нужно убедиться, что ваши стили установлены на после стилей, установленных скриптом Amazon.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...