Изменить цвет плитки при наведении курсора мыши в HTML, CSS

<html> 
<head> 
<style> 


.box { 
    float: left; 
    width: 175px; 
    height: 100px; 
    margin: 0.2em; 
    background color: DarkGray; 
} 

.head{ 
color: green; 
} 

h1{ 
color: white; 
text-align: center; 
height: 2%; 
margin-top: auto; 
margin-bottom: auto; 
} 

p{ 
color: LightSalmon; 
text-align: center; 
height: 5%; 
margin-top: auto; 
margin-bottom: auto; 
} 
a:link{ 
    text-decoration: none; 
} 
a:visited{ 
    text-decoration: none; 
} 
a:active{ 
    text-decoration: none; 
} 
a :hover{ 
    text-decoration: none;color:green;background-color: yellow; 
} 

</style> 
</head> 
<body> 
<h1 class="head"> 
MY BLOCKS 
</h1> 
<a href="https://www.google.co.uk" target="_blank"><div class="box"><h1>Block0</h1><p>It is a floating Block0</p></div></a> 
</body> 
</html>

В этом коде мне нужно изменить цвет моего «div» при наведении мыши ... Я пробовал почти все, что нашел в сети, включая подсказки отсюда. Не работает. Пожалуйста помоги. Что я могу заменить на линии,Изменить цвет плитки при наведении курсора мыши в HTML, CSS

a :hover{ 
     text-decoration: none;color:green;background-color: yellow; 
    }

Я попытался

.box a :hover{ 
      text-decoration: none;color:green;background-color: yellow; 
     }

a :hover box{ 
      text-decoration: none;color:green;background-color: yellow; 
     }

a box:hover{ 
      text-decoration: none;color:green;background-color: yellow; 
     }

и т.д ...

источник

2015-02-24 Sarath Varghese

Вы должны удалить пространство между ': с hover'. Поэтому ваш последний селектор должен быть: 'a: hover .box {...}'. – emmanuel

Что именно вы хотите достичь? – 4dgaurav

Спасибо #emmanuel –

Лучше использовать состояние зависания тега a.

a:hover .box {color:green; background-color: yellow;}

источник

2015-02-24 14:38:28 laurensclaessen

Изменить цвет плитки при наведении курсора мыши в HTML, CSS

ответ

Смежные вопросы