两种方法为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

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

  1. cad标注样式快捷键_说说CAD尺寸精度设置的两种方法!

    CAD尺寸精度设置,在CAD标注尺寸时,CAD尺寸精度设置的两种方法我们在CAD的标注的时候,我们会发现后面会带有0,作为一个强迫症患者,如何解决这个问题呢? 我们可以看看下面的例子: 随意的画一条线 ...

  2. 如何时重启打印机服务bat命令,打印机重启服务脚本 Win7打印机服务怎么开启 Win7开启打印机服务的设置的两种方法

    重启打印机服务bat命令 @echo off echo 停止打印服务 net stop Spooler echo 重新启动打印服务 net start Spooler echo 完成!!!! paus ...

  3. 怎么启用计算机服务设置,Win7打印机服务怎么开启 Win7开启打印机服务的设置的两种方法...

    如果我们连接了打印机,但是电脑中的Print Spooler打印机服务没有开启的话,就会出现打印机无法打印的情况.那么Win7打印机服务怎么开启?下面装机之家分享一下Win7开启打印机服务的设置的两种 ...

  4. sketchup边线设置_SketchUp草图大师边线设置的两种方法

    su边线设置在哪?草图大师边线怎么设置?针对这些问题小编将和大家分享草图大师边线设置的2种方法,感兴趣的小伙伴们快和小编一起来看看Sketchup边线设置的详细步骤吧! 草图大师边线设置的2种方法如下 ...

  5. 手机恢复出厂设置命令_华为手机怎么恢复出厂设置 华为恢复出厂设置的两种方法...

    当我们的华为手机出现一些系统错乱或感染病毒或因个人原因想让我们的手机恢复出厂设置,让手机全变得一干二净,跟我们刚买来时的状态一样,我们该去哪里操作呢,下面,让小编带大家一起了解下这方面的知识. 华为恢 ...

  6. 华为手机怎样恢复Android,华为手机怎么恢复出厂设置 华为恢复出厂设置的两种方法...

    当我们的华为手机出现一些系统错乱或感染病毒或因个人原因想让我们的手机恢复出厂设置,让手机全变得一干二净,跟我们刚买来时的状态一样,我们该去哪里操作呢,下面,让小编带大家一起了解下这方面的知识. 华为恢 ...

  7. Linux反空闲设置的两种方法

    为了增强Linux系统的安全性,我们需要在用户输入空闲一段时间后自动断开,这个操作可以由设置TMOUT值来实现.或者使用客户端工具,例如securecrt连接linux服务器,有的会出现过一段时间没有 ...

  8. 恢复出厂设置的两种方法,亲测可行

    方法1 参照系统"设置"应用 1.在AndroidManifest.xml配置 <manifest xmlns:android="http://schemas.an ...

  9. openwrt恢复出厂设置有两种方法

    1.输入以下指令 firstboot mtd -r erase rootfs_data 2.输入以下指令 mount_root firstboot reboot -f

最新文章

  1. Linux操作系统及平台虚拟化技术漫谈
  2. 资源盗链困扰站长 安全狗内置盗链保护功能
  3. 【错误记录】NDK 配置错误 ( C/C++ debug|arm64-v8a : Could not get version from cmake.dir path )
  4. 移动隐藏邮箱并删除默认邮箱数据库
  5. 【C语言】用指针作为形参完成数据的升序排列
  6. 数据挖掘之随机事件与随机变量
  7. vue 写bean_vue+jsp+删除一个bean
  8. java class文件常量池_《Java虚拟机原理图解》 1.2.3、Class文件中的常量池详解(下)...
  9. Redis分布式锁真的安全吗?
  10. 数据之路- 中国五城市PM2.5数据解读
  11. windows11,java最详细安装jdk,手把手教你安装jdk,配置环境变量
  12. 哪些数码好物值得在开学季入手,推荐几款数码好物
  13. curl http或https上传下载
  14. [RK3399][Android7.1] Audio中的Ducking模式
  15. 室外管线lisp_利用Autocad lisp进行地下管线成果表制作方法的研究
  16. mysql联合union查询_Mysql联合查询UNION和UNION ALL的使用介绍
  17. html图片滚动红点_HTML+CSS入门 CSS头像右上角的红点
  18. JeecgBoot 3.4.4 版本发布,开源的企业级低代码平台
  19. 触宝IPO后首份财报:营收3680万美元 内容系列产品贡献67%
  20. 【EXCEL】多个sheet合并成一个sheet

热门文章

  1. python可以取代excel吗_10条Python命令全面取代Excel,妈妈再也不用担心我变成黑眼圈大表哥啦...
  2. mysql questions_sql_mysql
  3. 黑客攻防技术宝典web实战篇:工具web服务器习题
  4. bzoj4974: [Lydsy1708月赛]字符串大师
  5. DevExpress GridView 自定义实现底部汇总
  6. nyoj 600——花儿朵朵——【离散化、线段树插线问点】
  7. linux-32bit-内存管理
  8. 关于Debug和Release之本质区别(转)
  9. vista下推荐大家用foobar2000播放器
  10. RGB与YUV的转换