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;
}