添加一些东西后,Css悬停不起作用

时间:2016-05-11 15:41:22

标签: html css

我刚从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>
&#13;
&#13;
&#13;

谁知道问题出在哪里?

编辑:悬停在菜单中,如家,kerjakan soal

2 个答案:

答案 0 :(得分:1)

你需要制作类似于'DONTHACK&#39;元素的类或id,而不是实际的元素。类似的东西:

    //the usual node setup
    //import * as *** http, body-parser, morgan, mongoose, express <-- psudocode

    import * as masterRouter from './routes/index'

    var app = express();
    //set-up all app.use()

    app.use('/api', masterRouter);

    http.createServer(app).listen(8080, () => {
          console.log('listening on port 8080')
        };

您还可以使用 //the usual node setup //import * as *** http, body-parser, morgan, mongoose, express <-- psudocode import * as masterRouter from './routes/index' var app = express(); //set-up all app.use() app.use('/api', masterRouter); http.createServer(app).listen(8080, () => { console.log('listening on port 8080') };.DONTHACK { font-weight:bold; font-size:40px; position:relative; } <p class="DONTHACK">Siapa Kita</p> <a>。请查看一些基本的HTML教程。

答案 1 :(得分:0)

你需要使用html的基本标签。您只能将自己的标签制作成XML而不是HTML。所以请使用<a>, <div>, <nav>等标签。 请使用css中的类和id,使用像.DONOTHACK这样的类和id使用#DONOTHACK.IF对Web设计和开发感到困惑请看看基本学习

相关问题