The hover pseudo class does not work, I work in sublime text 3, what should I do?

S

sqd1Gxth2021-07-22 14:32:47

HTML

sqd1Gxth, 2021-07-22 14:32:47

<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" type="text/css" href="style34.css">
  <meta charset="utf-8">
  <title>Эффект наведения</title>
  <style>
    a.btn {
      background-image: url(1.psd)
      width:300px;
      height:300px;
    }

    a.btn:hover {
      background-image: url(2.png)
    }

  </style>

</head>
<body>
<h1>Тест наведения мышки на ссылку</h1>
<a href="a" class="btn"></a>
</body>
</html>

I'm learning so don't judge too harshly

Reply

Answer the question

In order to leave comments, you need to log in

1 answer(s)

N

Nikita Koshik, 2021-07-22
@nikita1711

First, do not use ";" after "background-image: url(1.psd)", this is most likely a bug.
Secondly, this is more advice than a solution, it is better to write css code in a separate file