关于网页代码的问题 我有一个<ul>标签里面有5个<li>标签怎么样用css选择器同时选中第2,3

关于网页代码的问题
我有一个<ul>标签里面有5个<li>标签怎么样用css选择器同时选中第2,3,4个<li>标签?

<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>

一般在写html页面时,经常会用到<ul>标签,那么对于多个<ul>标签来说,怎么才能选择到第一个<ul>标签呢?而且怎么选择<ul>标签里的第n个<li>元素呢?

工具/原料
submit
电脑
方法/步骤
第一部分:获取第n个<ul>标签:我们写两个<ul>,并且每个都有三个<li></li>标签,以数字1,2,3,4,5,6来测试,最后想要的到的效果如下图所示:即第一个<ul>标签里的元素全变为红色,


方法一:我们给要选定操作的<ul>标签加一个标记<class>,随便一个能标识的标记都可以,比如name,id都行。然后用class选择器对它进行操作,如图所示,所得效果未上图效果,这是通过间接的方式对标签进行选择,代码如下图:


方法二:通过元素选择器找到ul,然后利用代码ul:nth-child(n)找到第n个ul,然后对ul进行相应的设置,也可以完美的达到我们需要的效果,这也是最常用的方法,代码如图:


第二部分:获取<ul>标签的第n个<li>标签,利用ul li:nth-child(n)来实现对 <ul>标签里第n个<li>的设置。效果和代码如图所示:



E
温馨提示:内容为网友见解,仅供参考
第1个回答  2014-12-13
用:nth-child(n)来选择了,要同时你可以这样写:
<style>
li:nth-child(2),li:nth-child(3),li:nth-child(4){color:#f00}
</style>追问

知道了

本回答被提问者采纳
第2个回答  2014-12-12
第3个回答  2014-12-12
给它们加id或者class追问

我有508个li其中从120个开始到第500个结束,那得添加多少啊

追答

这么多css应该办不到,应该需要使用js挑选才行。

相似回答