Нажатие на URL немного «ударяет» текст / изображение

Question

В настоящее время я работаю над веб-сайтом, но через некоторое время я начал замечать, как текст и изображения немного «ударяются», когда вы нажимаете на них.Я понятия не имею, как это начало происходить, и я не знаю, как от этого избавиться.Есть также несколько других проблем, которые начали происходить в то же время.

Примеры:

1. Нажатие на логотип заставляет его немного двигаться.

2. Нажатие на одну из панировочных сухарей заставляет ее выглядеть, как будто она внезапно выделяется жирным шрифтом

3. Названия моих постов выделены белым цветом (таким образом, невидимыми), даже если я установил ихпол-черный.При нажатии на них появляется текст (меняет цвет, как это должно быть), но также значительно уменьшается размер шрифта.

Я пробовал валидатор css и html, но он говорит, что мой веб-сайтдействительно действителен.

Помощь очень ценится!

Answer 1

У вас есть такие вещи в вашем CSS:

#breadcrumbs a, a:visited, a:active { ...

Это то же самое, что и

#breadcrumbs a { ...
a:visited { ...
a:active { ...

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

Смелость вызвана похожим выражением:

.post-title a, a:active, a:visited {
    color: #3e3e40;
    font-weight: bold;
    font-family: "Helvetica", Tahoma, Geneva, sans-serif;
}

Это делает все ссылки на странице жирным при нажатии.

Правильный способ написать эти составные селекторы - включить всю цепочку в каждое выражение:

#breadcrumbs a, #breadcrumbs a:visited, #breadcrumbs a:active { ...

Answer 2

Просто отключите заполнение стилей привязки a: active