php给点击的li设置样式,两种方法为LI列表前3行设置样式

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

蓝叶    网站设计    2014-06-18    9789    10评论

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

说明：上面的CSS样式设置样式名为#newlog下面的li列表中第一行的a标签文字颜色为红色；如果要设置第二行或者第二行，修改里面的1为2或者3就行了，以此类推。

$(document).ready(function(){

$('#newlog li:eq(0) a').css('color','red');

});

说明：这是JQ的方式给样式名为#newlog下面的li列表中第一行的a标签设置字体颜色为红色；JQ的方式中0就是第一行，如果第二行则是1，以此类推。

评论一下

赞助蓝叶

赞助蓝叶X

版权申明：此文如未标注转载均为本站原创，自由转载请表明出处《蓝叶博客》。

本文网址：https://lanyes.org/web/613.html