CSS选择器只选到一个span

html-css024

CSS选择器只选到一个span,第1张

<style>

#menu ul.ullist li {background: url("../img/pin-small.png")background:url(../img/pin-small.png) no-repeat 200px center}

</style>

你直接把css改成这个 就是控制 你这个li里面的背景色 把它设为背景色 然后把span去掉就可以了 你试下

给你说下思路:

给span定义一个样式,这个样式可以定义成选中的效果,当点击按钮的时候给span加上这个样式,再次点击的时候去掉这个样式

下面是代码,将jquery的路径改下下

<html>

<title>jquery1</title>

<head>

<style type="text/css">

span {width:10pxheight:20px}

.addSelect{background-color:blue}

</style>

<script type="text/javascript" src="scripts/jquery-1.3.1.js"></script>

<script type="text/javascript">

$(function(){

$(":button").click(function() {

$("span").toggleClass("addSelect")

})

})

</script>

</head>

<body>

<span>hello</span>

<input type="button" value="选中">

</body>

</html>