我刚刚从 w3 学校学习了 css 并试图制作一个 css ，这是我的问题，起初悬停是工作的但我不知道为什么在我把一些东西放在它下面之后，悬停不再工作
<!DOCTYPE html>
<html>
<head>
<style>
/* Here You Put Code */
body {
background-image:url("http://1.bp.blogspot.com/-CYQ5F9q6YlE/VIX6zgIg8EI/AAAAAAAAGwU/nkOudSDpI18/s1600/website-background-rough-surface.jpg");
}
div {
margin:30px;
margin-top:20px;
margin-left:65px;
}
NODDOS {
font-size:60px;
position:absolute;
border:2px solid black;
box-shadow: 10px 10px 5px #888888;
padding:160px;
padding-top:50px;
padding-bottom:50px;
width:65%;
font-weight:bold;
}
.abcdefg {
font-size:30px;
}
DONOTHACKUS {
position:absolute;
margin:30px;
margin-top:310px;
margin-left:20px;
}
DONOTHACK {
font-size:20px;
color:black;
background:;
border:3px solid black;
padding:10px;
box-shadow: 4px 4px 5px #888888;
text-decoration:none;
}
DONOTHACK:hover {
position: relative;
top: -1px;
box-shadow: 4px 4px 5px #888888;
}
DONOTHACK a.hahaha {
text-decoration: none;
color:#000000;
}
DONOTHACK a.hahaha:link {
text-decoration: none;
color:#000000;
}
DONOTHACK a.hahaha:visited {
text-decoration: none;
color:#000000;
}
DONOTHACK a.hahaha:active {
color:blue;
}
PLEASE {
position:absolute;
margin-top:400px;
margin-left:70px;
border:3px solid black;
padding:8px;
}
DONTHACK {
font-weight:bold;
font-size:40px;
position:relative;
}
JUSTRUN {
position:absolute;
padding-top:500px;
padding-left : 30px;
}
DONTDDOSTOO {
font-size:18px;
}
/*-------------------*/
</style>
</head>
<body>
<div>
<NODDOS>English Lesson
<p class="abcdefg">Welcome To English Lesson !</p>
</NODDOS>
<DONOTHACKUS>
<DONOTHACK><a class="hahaha" href="#">Home</a></DONOTHACK>
<DONOTHACK><a class="hahaha" href="#">Tentang</a></DONOTHACK>
<DONOTHACK><a class="hahaha" href="#">Kerjakan Soal</a></DONOTHACK>
</DONOTHACKUS>
<PLEASE><DONTHACK>Siapa Kita ?</DONTHACK>
</PLEASE>
<JUSTRUN>
<DONTDDOSTOO>Kita adalah perkumpulan dari smp 13 semarang yang membuat website ini untuk melatih kemampuan siswa dalam berbahasa inggris melalui soal soal yang diberikan . </DONTDDOSTOO>
</JUSTRUN>
</div>
</body>
</html>谁知道问题出在哪里？
编辑:悬停在菜单中，如 home ， kerjakan soal
最佳答案
您需要将“DONTHACK”之类的内容设为类或元素的 id，而不是实际元素。像这样的东西:
.DONTHACK {
font-weight:bold;
font-size:40px;
position:relative;
}
<p class="DONTHACK">Siapa Kita</p>
你也可以使用 <a> , <span>或 <div> .请查阅一些基本的 HTML 教程。
关于html - 在其下方添加一些内容后，Css Hover 无法正常工作，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37167389/