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

Css li.ACtivE

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

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

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

可以用伪类 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...

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

active在这里是一个自定义的样式的名,这种样式称为类选择器,应该定义为以下形式:

这一句中,id="current" 给定唯一的标识ID,class="active item53"这句的意思是同时引用css样式.active 和.item53 两个类样式。 试试你就知道了。

/* 普通效果 */ .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...

这个目前不要用..你只要知道就行了.这个是CSS3的语法.目前浏览器还没有兼容到那个地步.... 它表示不包括p元素的li元素.. 如果你学jquery的话就会经常用到这种语法了.... 就象我们平时有a:hover这样的用法..当经过a的时候发生变化.但是用li:hover...

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

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