изменить стиль гиперссылки div?

Question

#twitter{
    text-decoration: none;
}
.a:link,a:hover{
    text-decoration: none;

}

Я пытаюсь удалить текстовое оформление из этой ссылки на изображение.но не работает.

echo '<a class="twitter" href="' . $twitterObj->getAuthorizationUrl() . '"><img src="img/darker.png"></a>';

Answer 1

Используйте это:

<img src="img/darker.png" border="0">

Answer 2

Лучше использовать «CSS Reset», это распространит большинство проблем заполнения полей на обычные браузеры.

Также в вашем основном CSS-коде выведите что-то вроде

img {border: 0}

Тогда вам не нужно ставить границу 0 во всех тегах изображения.

Answer 3

У вас есть период до вашего a:link (у вас оно написано так: .a:link).

Answer 4

Добавить это дополнительное правило:

a:link img,a:hover img{
    border: 0px;
}

Это будет применять правило без границ к любым тегам img под вашими ссылками. Я также думаю, что это правило должно работать так же хорошо:

a img{
    border: 0px;
}

Answer 5

Я бы использовал правильное объявление CSS

.a img
{
  border:0px;
}

Answer 6

вместо # используйте.

.twitter{
    text-decoration: none;
}

Answer 7

Ваш CSS ищет идентификатор (#), а в HTML-коде у вас есть класс (.).Во втором объявлении у вас есть предшествующая точка, которой не должно быть.Итак, заверните все ...

a.twitter{
    text-decoration: none;
}

a.twitter img {
  border: none;
}