css选择器的问题

html-css017

css选择器的问题,第1张

.textred 选择 class为 "textred" 的元素, .textred h1中间是空格,是后代选择器,选择class为 "textred" 的元素的所有后代元素中h1元素。 它匹配的是这样的 <div class="textred"> <h1>HelloWorld</h1></div>h1.textred则是class为"textred"的h1元素。

<script type="text/javascript" src="jquery-3.3.1/jquery-3.3.1.min.js"></script>

<style type="text/css">

ul{

font-size:12px

list-style:none

margin:0px

padding:0px

}

li{

padding:7px

}

a{

color:#FFF

text-decoration:none

}

a:hover{

color:#000

}

#menu{

float:left

text-align:center

width:70px

height:295px

padding-top:5px

margin-top:80PX

display:none

background-image:url(%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1/1.gif)

}

</style>

<body>

<span id="box">

<img src="网页设计/1.gif" width="30" height="80" id="flag"/>

<div id="menu">

<ul>

<li><a href="#">学校地址</a></li>

<li><a href="#">学校热线</a></li>

<li><a href="#">学生登录</a></li>

</ul>

</div>

</span>

</body>

<script type="text/javascript">

$(document).ready(function(){

$("#box").hover(function(){

$("menu").show(300)//显示菜单

},function(){

$("#menu").hide(300)//隐藏菜单

})

})

</script>

替换一下就可以