现在位置:首页 > 网站设计 > 两种方法为LI列表前3行设置样式

两种方法为LI列表前3行设置样式

作者:蓝叶 分类:网站设计 时间:2014-06-18 浏览:11326 评论:10

在设计网页模板的时候,为了突出信息的重要性以及美观度,我们会设置一些样式使LI文章列表的前3行加上不同的样式,例如给LI文章列表的前3行文字颜色设置红色,再例如图片列表的时候设置列表第一张图片、第二张图片等的宽和高,都可以用蓝叶分享的这两种方法为LI列表设置样式;对于懂PHP语言的设计者来说,很容易就可以实现的效果,对于不懂PHP语言的可以使用这两种方法也很轻松的实现自己想要的各种效果。

#newlog li:nth-child(1) a{color:red;}
说明:上面的CSS样式设置样式名为#newlog下面的li列表中第一行的a标签文字颜色为红色;如果要设置第二行或者第二行,修改里面的1为2或者3就行了,以此类推。

<script type="text/javascript">  
$(document).ready(function(){
 $('#newlog li:eq(0) a').css('color','red');
});
</script>
说明:这是JQ的方式给样式名为#newlog下面的li列表中第一行的a标签设置字体颜色为红色;JQ的方式中0就是第一行,如果第二行则是1,以此类推。

免责声明:

本页网址:点击复制分享给朋友吧!

本站分享的一切内容资源如若没有备注,均为蓝叶原创,如需转载请注明出处;如有侵权请与我们联系处理。敬请谅解!

评论列表
挤眼亲亲咆哮开心想想可怜糗大了委屈哈哈小声点右哼哼左哼哼疑问坏笑赚钱啦悲伤耍酷勾引厉害握手耶嘻嘻害羞鼓掌馋嘴抓狂抱抱围观威武给力
提交评论

清空信息
关闭评论
IE下不兼容
IE下不兼容游客
#8
IE下不兼容
2015-02-03 17:02回复
蓝叶
蓝叶游客
@IE下不兼容:IE浏览器过时了。
2015-02-03 18:23回复
中国历史
中国历史游客
#7
这属于前端吧,感觉挺有意思
2014-11-19 12:15回复
知道91
知道91游客
#6
不错,这是个好方法,看来博主是css高手啊,现在的大学生都屑于做css,可是这些东西是很有用的
2014-11-11 00:17回复
网站建设
网站建设游客
#5
不明觉厉,打个酱油
2014-09-22 17:55回复
假日生活指南
假日生活指南游客
#4
话说能不能开发成插件呢?亲  还有就是可以开发个置顶插件么?比如:置顶的有一级置顶  二级置顶这样的区别,便于访客观察哪篇文章的重要性!现在的置顶都不能满足要求了
2014-09-05 13:37回复
蓝叶
蓝叶游客
@假日生活指南:EMLOG没有这些功能
2014-09-11 15:37回复
互推之家
互推之家游客
#3
博主实在是个厉害的人物
2014-07-31 15:39回复
民间偏方大全
民间偏方大全游客
#2
谢谢博主分享
2014-07-20 23:07回复
免费部落
免费部落游客
#1
原来是这样的!
2014-07-01 08:57回复
音乐欣赏
返回顶部