我正在使用Apache服务器来学习Web编程。我在为页面编写CSS文件时遇到了这个问题：如果在CSS文件中定义了伪类，则它们将不起作用。即使我在HTML中定义它们，它们也只能在使用id标记时才起作用，而不是在元素上起作用，如果有人可以提供关于发生原因的见解，那就太好了，我将HTML代码留在这里，在CSS代码中，我在最后或第一次定义了伪类，但似乎都不起作用。
<head>
<link rel="stylesheet" type="text/css" href="\styles\login.css">
<link rel="icon" type="image/x-icon" href="\images\icon\icon.ico" />
<script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="../../js/register.js"></script>
<Title>Register</Title>
<style>
button:hover{
background-color : #00F3FF;
}
button:active{
background-color:red;
}
</style>
</head>
<body>
<div id="external">
<div id="hide">
<form >
<p>Enter your email</p>
<input type="text" name="email" id="3"><br>
<p>Enter your username:</p>
<input type="text" name="username" id="1"><br>
<p>Enter your password:</p>
<input type="text" name="pass"id="2"><br><br>
</form>
<button id="bt">Submit</button>
<div id="hd">
<p><font color=pink size=5px>Registration successful!</font></p>
</div>
</div>
</div>
</body>
这不起作用。