这里是你的样式
}
<div id="这里是我的id" class="hot" style="color: #e40077float: leftmargin-left: 850pxcursor: pointer" >5G看移动</div>
<!DOCTYPE HTML><html lang="en-US">
<head>
<meta charset="UTF-8">
<meta name="keywords" content="白菜编辑部">
<title>白菜编辑部</title>
<style type="text/css">
</style>
<script type="text/javascript" src="jquery-1.8.0.min.js"></script>
<script type="text/javascript">
$ (function ()
{
var lis = $ ('#id').find ('li')
lis.each (function (i, dom)
{
var me = $ (this)
var ps = me.parents ()
var noFirstLi = false
ps.each (function (j, ele)
{
if (ele.tagName.toLowerCase () == 'li')
{
noFirstLi = true
return false
}
})
if (!noFirstLi)
{
me.click (function ()
{
console.log ($ (this).attr ('id'))
})
}
})
})
</script>
</head>
<body>
<div id="id">
<div>
<ul>
<li id="li1">
<ul>
<li>1
<ul>
<li>dd</li>
</ul></li>
</ul></li>
<li id="li2">
<ul>
<li>2</li>
</ul>
</li>
<li id="li3">
<ul>
<li><ul>
<li>xx</li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
</div>
</body>
</html>
设置不同的hover样式:.txt1:hover{.....}
.txt2:hover{.....}
.txt3:hover{.....}
如果非要分全局,局部。那么可以用class,id来区分:
.txt:hover{....}为全局
#txt:hover{....}为局部
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)