700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > html中li整体变色 想要点击一个li标签的时候li背景颜色改变同时a字体变色

html中li整体变色 想要点击一个li标签的时候li背景颜色改变同时a字体变色

时间:2020-06-01 11:48:19

相关推荐

html中li整体变色 想要点击一个li标签的时候li背景颜色改变同时a字体变色

样式如下:

li{

display: block;

width: 100px;

height: 40px;

line-height: 40px;

list-style: none;

border: 1px solid #ccc;

text-align: center;

}

li:hover{

background: #473373;

}

li:hover a{

color:#f60;

}

另外:建议li标签外包裹上ul,养成良好的习惯!!!

祝你好运!

没看清楚你要的是JQ版本的:页面代码如下:

bg

li{

display: block;

width: 100px;

height: 40px;

line-height: 40px;

list-style: none;

border: 1px solid #ccc;

text-align: center;

}

a{

color:"#000";

}

/* li:hover{

background: #473373;

}

li:hover a{

color:#f60;

}*/

11111

$(function () {

var li = $('.ul li');

li.hover(function() {

$(this).css("background","#473373");

$(this).children().css("color","#f60");

}, function() {

$(this).css("background","#fff");

$(this).children().css("color","#000");

});

})

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。