28100 sujets

CSS et mise en forme, CSS3

Voici mon code html
<!DOCTYPE html>
<html lang="en" dir="ltr">

  <head>

    <meta charset="utf-8">
    <link rel="shortcut icon" href="Favicon.ico">
    <title>Music</title>
    <link rel="stylesheet" href="Music.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" charset="utf-8"></script> 
<div class='sethome'>

			<div class='Musique1'>

				<h3 class='Titre1'>Hyrule Temple - bbno$</h3>
					<br />
					<audio class='Music1' controls="controls">
 						<source src="Hyrule.mp3" type="audio/mp3" />
  						Votre navigateur n'est pas compatible
					</audio>

			</div>
</div>
</body>
</html>

et mon css

.Titre1{
  color: #62bcda;
  transition: all 0.1s ease 0.2s;
}
.Titre1 h3:hover{
  color: #62bcda;
  transition: all 0.1s ease 0.2s;
}

La police du titre est bien changé en #62bcda mais ne change pas de couleur quand je survole le texte.
Ou est mon erreur svp ??