css如何修改<ul>中第二个<li>、第三个<li>的字体颜色

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css如何修改<ul>中第二个<li>、第三个<li>的字体颜色相关的知识,希望对你有一定的参考价值。

由于是框架,其中<li>不知道如何得到它们,在css中修改字体颜色。
一共只有五个<li>,但是除了第一个可以直接修改以外,其他四个我不知道在哪里弄,有没有css比较快速的方式?最好就是css,不要js、jq。
我用的是织梦cms,需要修改栏目的颜色,除了主页有以外,其他几个是在后台设置,不知道在哪里弄的

应该是li:nth-child(2) 表示选择第二个li,
还有就是li + li, 表示选择除第一个li之外,其他的li元素
参考技术A li:nth-of-child(num) 大概就这样 num填数字追问

这个好像不行啊?
直接
nth-of-child(2)


这样吗?好像不行?

追答


li:nth-of-child(2)

jquery如何定位倒数第二个元素,如一个div里有5个ul,那jquery如何才能锁定到倒数第二个ul

<div>
   

<p>1</p>
   

<p>2</p>
   

<p>3</p>
   

<p>4</p>
   

<p>5</p>

</div>

取倒数第二个p元素

$("div p").eq(-2)

jQuery:

jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。

jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。

语言特点:

1.快速获取文档元素

jQuery的选择机制构建于Css的选择器,它提供了快速查询DOM文档中元素的能力,而且大大强化了JavaScript中获取页面元素的方式。

2.提供漂亮的页面动态效果

jQuery中内置了一系列的动画效果,可以开发出非常漂亮的网页,许多网站都使用jQuery的内置的效果,比如淡入淡出、元素移除等动态特效。

3.创建AJAX无刷新网页

AJAX是异步的JavaScript和ML的简称,可以开发出非常灵敏无刷新的网页,特别是开发服务器端网页时,比如PHP网站,需要往返地与服务器通信,如果不使用AJAX,每次数据更新不得不重新刷新网页,而使用AJAX特效后,可以对页面进行局部刷新,提供动态的效果。

4.提供对JavaScript语言的增强

jQuery提供了对基本JavaScript结构的增强,比如元素迭代和数组处理等操作。

5.增强的事件处理

jQuery提供了各种页面事件,它可以避免程序员在HTML中添加太事件处理代码,最重要的是,它的事件处理器消除了各种浏览器兼容性问题。

6.更改网页内容

jQuery可以修改网页中的内容,比如更改网页的文本、插入或者翻转网页图像,jQuery简化了原本使用JavaScript代码需要处理的方式。

参考技术A 准确的来说是先定位到最后一个元素,然后是上一个同胞元素,所以代码这样写比较合理,而且不会出错,类似于如果不知道ul个数时候都是可以用的(只有一个ul的情况下也可以用的)。
("div ul").last().prev() 或者

("div ul:last").prev()
参考技术B 使用$('div ui:last-child').prev(‘ul’) 应该会快一些吧本回答被提问者和网友采纳 参考技术C $("div ul").eq($(this).size()-2) 参考技术D 学习啦!

以上是关于css如何修改<ul>中第二个<li>、第三个<li>的字体颜色的主要内容,如果未能解决你的问题,请参考以下文章

jquery如何定位倒数第二个元素,如一个div里有5个ul,那jquery如何才能锁定到倒数第二个ul

如何更改完整可折叠 ul(Materialize,Html,Javascript,Css)的颜色?

在css中设置ul样式,li的前面默认会出现黑色圆点,怎样修改圆点的颜色……求解

JQuery 选择某个td中第二个a标签 控制特殊样式

div+css如何实现以下ul的背景颜色和下划线

js动态添加与删除ul中的li