CSS Изменение логотипа Hover Color

Question

Мне удалось изменить логотип так, как я его хочу, используя логотип с помощью CSS, но я изо всех сил пытаюсь понять, как изменить цвет его наведения.

Я хочу изменить цвет TEST на парении от синего к чему-то еще http://test.peterstavrou.com/

На данный момент мой CSS код

header#top #logo { 
    letter-spacing: 2px; 
    font-size: 35px; 
    } 

Answer 1

Просто сделать что-то вроде:

Решения 1 Найдите логотип hover css и измените значение свойства цвета на любой цвет, который вы хотите

color: red!important; /* change the property value to the color you want */ 

Решение 2 Создайте другой парения CSS и заставить изменения, как показано ниже, если выше не работает

#logo:hover { 
    color: red!important; 
    } 

Примечание: Убедитесь, что приведенный выше код находится в самом низу ваш файл css. таким образом, он переопределит предыдущее свойство наведения, определенное, даже если оно имеет важное значение.

Answer 2

Добавьте это ниже код для header#top #logo { ... }, который показывает ваш образец в CSS.

header#top #logo:hover 
{ 
color:red; 
} 

Answer 3

ваш логотип-Text является ссылка, так что вы должны использовать CSS-синтаксис для моделирования ссылок:

a#logo:link { color: #fff; } /* a Link that has not been clicked yet */ 
a#logo:visited { color: #fff; } /* a link that has been clicked before */ 
a#logo:hover { color: #ff0; } /* a link on hover/rollover */ 
a#logo:active { color: #ff0; } /* a link that is just clicked */