蓝叶

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

在设计网页模板的时候，为了突出信息的重要性以及美观度，我们会设置一些样式使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，以此类推。

评论一下 分享本文 赞助蓝叶

赞助蓝叶X

联系站长

• 版权申明：此文如未标注转载均为本站原创，自由转载请表明出处《蓝叶》。
• 本文网址：https://lanye.org/web/613.html
• 上篇文章：蓝叶EMLOG狂欢一下娱乐插件
• 下篇文章：简洁灰白图片模板
• jquery 新手教程