如何让li列表中的文章单双行的背景颜色不一样?
展开全部
两个方法,一个是引用一个jquery库,然后用下面的命令
$(document).ready(function(){
$("ul li:even").each(function(){
$(this).css("background","yellow");
})
});
这样就可以定义偶数行的背景色了,奇数行你直接用CSS定义一下就可以了。
第二种方法,直接用CSS来控制,例如这样:
li:even {background:yellow}
li:odd {background:red}
和js里面的意思一样,even表示偶数行,odd表示奇数行。
不过第二种方法是不兼容IE9以下的浏览器的,如果要兼容的话,就还得引用一个叫做selectivizr.js的插件,在页面里面用下面的方法引用即可
<!--[if (gte IE 6)&(lte IE 8)]>
<script src="selectivizr.js"></script>
<![endif]-->
$(document).ready(function(){
$("ul li:even").each(function(){
$(this).css("background","yellow");
})
});
这样就可以定义偶数行的背景色了,奇数行你直接用CSS定义一下就可以了。
第二种方法,直接用CSS来控制,例如这样:
li:even {background:yellow}
li:odd {background:red}
和js里面的意思一样,even表示偶数行,odd表示奇数行。
不过第二种方法是不兼容IE9以下的浏览器的,如果要兼容的话,就还得引用一个叫做selectivizr.js的插件,在页面里面用下面的方法引用即可
<!--[if (gte IE 6)&(lte IE 8)]>
<script src="selectivizr.js"></script>
<![endif]-->
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
博思aippt
2024-07-20 广告
2024-07-20 广告
作为深圳市博思云创科技有限公司的工作人员,对于Word文档生成PPT的操作,我们有以下建议:1. 使用另存为功能:在Word中编辑完文档后,点击文件->另存为,选择PowerPoint演示文稿(*.pptx)格式,即可将文档内容转换为PPT...
点击进入详情页
本回答由博思aippt提供
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询