hsjl.net
当前位置:首页 >> li.ACtivE >>

li.ACtivE

li:active { display:inline-block; width:100px; height:30px; background:#06b2e3; color:#fff;}/* display是一定要加上的,不然背景显示会有问题,width和height的具体值你自己写*/ 不过这只是鼠标释放以后的才会显示的样式。 我猜想你是想鼠...

如果点中间有个空格:li .active{color:red;} 意思是选择 li 的子元素类名为 active 的元素对其生效:Link 如果点中间没有空格:li.active{color:red;} 是选择类名为 active 的 li 对其生效: 对我生效 对我无效

li:标签名 li.active:li标签带有"actvie"这个类的元素 li.active > a{}:li标签带有"actvie"这个类的元素的子元素a的样式

给你一个简单的原生html5实现的例子吧。没有使用jquery。 li { display: inline-block; width: 100%; height: 30px; line-height: 30px; } li:active, li:focus, .li-active { background: #dddddd; color: red; } onload = function () { funct...

/* 普通效果 */ .x_list li { padding: 3px; width: 100%; list-style: none; background-color: #999;/*普通效果的背景色*/ border-bottom: 1px solid #333; border-top: 1px solid white; clear: both; display: inline-table; position: rela...

首页 博文 留言 不能直接使用的,bootstrap.css里面不会直接写active类选择的

加一个click时间吧 用jquery的办法 $(function (){ $('#nky li').click(function (){ //把之前已有的active去掉 $('.active').removeClass('active'); //当前点击的li加上class $(this).addClass("active"); });})

首先,你最重要的js代码没有给,然后你说的点击以后样式会出现但是第一个样式不消失这样的描述表示你的js代码肯定是没写全或者是有问题的

li.active:hover{ background:#FFF;} //添加改样式 覆盖原来的li:hover 样式

可以用伪类 ul > i:first-child{font-weight:18px;} 所以推荐用JQUERY 或者是 JAVASCRIPT JQUERY是 $('ul li:eq(0)').css('font-weight', '18px'); JAVASCRIPT是 document.getElementsByTagName('ul')[0].getElementsByTagName('li')[0].style.f...

网站首页 | 网站地图
All rights reserved Powered by www.hsjl.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com