错在哪里？
来源：2-5 编程练习
哎呦啊狗蛋
2019-06-21 10:21:33
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
ul{
cursor:pointer;
}
.yellow{
background-color：yellow；
}
.blue{
background-color：blue；
}
.{
background-color：red；
}
</style>
</head>
<body>
<ul id="menu">
<li>Web前端攻城狮</li>
<li>前端小白入门</li>
<li>前端进阶：响应式开发与常用框架</li>
<li>HTML5与CSS3实现动态网页</li>
<li>HTML5&CSS3进阶与常用框架</li>
<li>JavaScript基础入门</li>
<li>进击JavaScript核心</li>
</ul>
<script src="https://cdn.bootcss.com/zepto/1.1.7/zepto.min.js"></script>
<script>
/*此处写代码*/
$('li').click( function(){
$(this).addClass('yellow');
$(this).prev().addClass('blue');
$(this).next().addClass('red');
})
</script>
</body>
</html>写回答
2回答
-
好帮手慕糖
2019-06-21
同学你好，1、css选择器这里，缺少类名。
2、设置样式这里，冒号与分号是在中文状态下输入的，需要换位英文状态下的哦。
3、点击这里，需要先去掉当前的类，然后给当前的添加类，同时去掉其他兄弟元素的类哦，例：
另一个同学的是其他方式哦，也可以参考下。
希望能帮助到你，欢迎采纳。
祝学习愉快！
0 -
直鹢
2019-06-21
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> <style> ul{ cursor:pointer; } </style> </head> <body> <ul id="menu"> <li>Web前端攻城狮</li> <li>前端小白入门</li> <li>前端进阶：响应式开发与常用框架</li> <li>HTML5与CSS3实现动态网页</li> <li>HTML5&CSS3进阶与常用框架</li> <li>JavaScript基础入门</li> <li>进击JavaScript核心</li> </ul> <script src="https://cdn.bootcss.com/zepto/1.1.7/zepto.min.js"></script> <script> /*此处写代码*/ $(document).ready(function () { $('ul').on('click','li',function(e){ $(this).css('background-color','#ff0') .siblings().css('background-color',''); $(this).next().css('background-color','red'); $(this).prev().css('background-color','blue'); }); }) </script> </body> </html> 给你参考一下0
相似问题