jQuery实现了LI列表前3行设置样式的方法[2种方法]

本文阐述了用jQuery设置LI列表前三行样式的方法。分享给大家参考，如下：

在设计网页模板时，为了突出信息的重要性和美观性，我们会设置一些样式，给LI文章列表的前三行添加不同的样式，例如，将LI文章列表的前三行颜色设置为红色，然后设置列表中第一张图片和第二张图片的宽度和高度，蓝色的叶子可以共享。对于懂PHP语言的设计师来说，很容易达到效果，对于不懂PHP语言的人来说，可以用这两种方法轻松达到自己想要的各种效果。

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www . w3 . org/TR/XHTML 1/DTD/XHTML 1-Transitional . DTD ' html xmlns=' http://www . w3 . org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8 '/title/title style type=' text/CSS ' # newlog Li : th-child(1)a { color : red；}/style！-描述：上面设置的CSS样式叫做#newlog。下面li列表第一行中标签a的文本颜色为红色。如果要设置第二行或第二行，只需将里面的1改为2或3，以此类推。IE6-IE8不兼容-/head dyul id=' new log ' lia href=' # # # ' read谁让你背，水落香飘。/a/Li lia href=' # # # # read谁让你背诵，水落香飘。/a/Li lia a href=' # # ' read谁让你背诵，water The water fall and The finder flower/a/Li lia a href=' # # ' read谁让你背诵，water fall and finder flower/a/Li lia a href=' # ' read谁让你背诵。A/Li/ul脚本类型=' text/JavaScript ' src=' http : jquery-1 . 10 . 1 . min . js '/script script类型=' text/JavaScript' $(文档)。ready(function(){ $(' # new log Li 3360 eq)})；//注意：这是JQ模式。将样式名称#newlog下li列表第一行中标签a的字体颜色设置为红色；在JQ模式下，如果第二行是1，则第一行是0，依此类推。/脚本/正文/html渲染：

更多对jQuery感兴趣的读者，请查看本站话题：《jQuery扩展技巧总结》、《jQuery常用插件及用法总结》、《jQuery拖拽特效与技巧总结》、《jQuery表格(table)操作技巧汇总》、《jquery中Ajax用法总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》、《jquery选择器用法总结》。

希望本文对大家的jQuery程序设计有所帮助。