css选中第一个元素，最后一个元素等

最新推荐文章于 2024-12-02 17:38:34 发布
最新推荐文章于 2024-12-02 17:38:34 发布
阅读量1.6k 收藏 1
点赞数
文章标签： css 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/JulyNight/article/details/130269553
版权 
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title></title>
    <style type="text/css">
      .container {
        width: 400px;
        height: 300px;
        overflow: hidden;
      }
      /*
       选中第一个元素
      */
      .data:first-child {
        color: red;
      }
      /*
       选中指定元素
      */
      .data:nth-child(3) {
        color: red;
      }
      /*
       选中最后一个元素
      */
      .data:last-child {
        color: yellow;
      }
       /*
       也可以使用not方法进行反选
       data:not(:last-child)意思是选中最后一个元素前面的所有元素
      */
      .data:not(:last-child) {
      }
    </style>
  </head>
  <body>
    <div class="container">
      <div class="data">测试</div>
      <div class="data">测试</div>
      <div class="data">测试</div>
      <div class="data">测试</div>
      <div class="data">测试</div>
      <div class="data">测试</div>
    </div>
  </body>
</html>

在这里插入图片描述

CSS——选择除了最后一个子元素外的所有子元素
qq_43201350的博客
08-11 451
CSS——选择除了最后一个子元素外的所有子元素
css选中父元素下的第一个子元素(:first-child)
11-19
前言
CSS选择器：第一个、最后一个、单双、奇偶、第n个、反选，nth-child，last-child，first-child
colin5210的博客
06-22 1万+
CSS选择器：第一个、最后一个、单双、奇偶、第n个、反选，nth-child，last-child，first-child、not
css选择当前元素前面的一个元素
最新发布
qq_45832807的博客
12-02 691
选择当前元素的前一个前一个元素css
在CSS中如何寻找第一个元素、最后一个、偶数、奇数、第n个标签元素
学习博客 记录技术文档及心得体会
01-26 5672
除了:first-child选择器，还可以使用:nth-child()选择器来选择父元素下的指定子元素。在CSS中可以使用:first-child、:nth-child()、:first-of-type和:nth-of-type选择器来选择父元素下的第一个/指定位置/指定类型的子元素。CSS还提供了:first-of-type和:nth-of-type选择器，它们可以用于选择父元素下指定类型的第一个/指定位置的子元素。上面的代码将ul元素下的第一个li元素的文字颜色设置为红色。
CSS - 选中最后一个元素（选择器）
王佳斌
09-25 3万+
CSS - 选中最后一个元素（选择器）怎么用css选择ul里最后一个li里面的a元素，css选择最后一个元素html标签选择器只认最后一个,选择某类的最后一个如何用css选择器选择某元素下的最后一个子元素?使用CSS选择器选择最后一个元素 |CSS3 :last-child 选择器 | 菜鸟教程CSS07选择第一个子元素和最后一个子元素nth-last-child
jQuery选择器选中最后一个元素，倒数第二个元素操作示例
12-09
这段代码同样会找到`<div>`下的所有`<p>`元素，然后选取最后一个元素，并为其添加一个名为`blue`的CSS类，使其文本颜色变为蓝色。 结合HTML和JavaScript代码，完整的示例如下： ```html <!DOCTYPE html> ; ...
css 获取从第n个开始之后的所有元素
09-22
这个选择器的意思是从第二个div元素开始选择，一直到容器内的最后一个div元素。在具体的CSS代码中，可能是这样的： ```css #box div:nth-of-type(n+2) { /* 在这里写入需要应用到这些元素上的CSS样式 */ } ``` 在...
css匹配选择属于其父元素的第N个子元素的方法
12-10
`nth-child(n)`是一个强大的选择器，它允许我们选择属于其父元素的第N个子元素。这个功能在设计复杂的网页布局时非常有用，因为它可以精确地定位到我们想要操作的元素。 在提供的例子中，`<style type="text/css"> ...
CSS如何选择第一个和倒数第一个元素
xiaoweids的博客
06-26 1300
本文主要介绍了CSS选择第一个和倒数第一个元素的解决方法，这里用到了first-child和:last-child，本文结合示例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下前端新手会遇到不知道如何选择列表中的第一个和倒数第一个元素，其实这非常简单。以后所有关于CSS选择的问题，都可以直接搜索CSS选择器的手册，里面有所有的CSS选择解决方法。今天主要介绍CSS如何选择第一个和倒数第一个元素，这里就需要用到和。
CSS选取第一个、最后一个、偶数、奇数、第n个标签元素
weixin_50446072的博客
12-06 7098
CSS选取第一个、最后一个、偶数、奇数、第n个标签元素
如何用css选择器选中某个类的第一个元素
reol44的博客
03-30 7490
则可以选中 A后的所有B元素,只要它们共用一个父元素,也就是说这句加上去,不会选到任何一个元素,因为父元素。这样弄不太好,因为初始属性还要去重新设置,要是每个。但是上面这句其实是选中一下两个条件都满足的元素。的颜色都是在不同地方设置的不同颜色,就不好改了。要将’选中’变成红色改怎么使用css。除此之外,可以使用兄弟选择器。首先想到的是 伪类选择器。
Web前端之Css选择第一个或最后一个元素、排除第一或最后一个标签、选择偶数或奇数标签、等差数列标签的选择、选择最后n个标签、第n个标签、child、first、last、nth
CSDN博客主页地址：https://mengjian.blog.csdn.net/
11-23 4725
Web前端之Css选择第一个或最后一个元素、排除第一或最后一个标签、选择偶数或奇数标签、等差数列标签的选择、选择最后n个标签、第n个标签、child、first、last、nth
css如何筛选第一个元素,css选择器怎么选取第几个元素
weixin_44303625的博客
10-26 874
在 CSS 中，你可以使用伪类选择器来选择特定的元素。
关于CSS选择第一个和倒数第一个元素的方法
xiaoweids的博客
07-05 690
本文主要介绍了CSS选择第一个和倒数第一个元素的解决方法，这里用到了first-child和:last-child，本文结合示例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下前端新手会遇到不知道如何选择列表中的第一个和倒数第一个元素，其实这非常简单。以后所有关于CSS选择的问题，都可以直接搜索CSS选择器的手册，里面有所有的CSS选择解决方法。今天主要介绍CSS如何选择第一个和倒数第一个元素，这里就需要用到和。
css选择最后一个元素
热门推荐
高先生的猫
06-04 3万+
ES6允许按照一定模式从数组或对象中提取值，然后对变量进行赋值，称为解构。只要等号两边的模式相同，左边的变量就会被赋予对应的值，这种写法属于“模式匹配”。统称起来就叫做“解构赋值”。 let [a, b, c] = [1, 2, 3] 同时定义多个变量，a匹配1、b匹配2、c匹配3 解构赋值允许指定默认值，即左边变量指定默认值，右边没有对应的值，会优先输出默认值。 let [x, y = 'b'] = ['a'] // x = 'a', y = 'b' x匹配字符a，y..
原生选择第一个元素
u012315529的博客
10-26 498
document.querySelectorAll(".layui-nav-child dl dd:first-child a"); firstA.setAttribute("class", "layui-this");
选择某类的最后一个元素——CSS3伪类选择器走过的坑
MFWSCQ的博客
07-01 1万+
css3选择器
css选中最后两个元素
09-19
一种间接的方式是先获取所有元素，然后从中取最后一个和倒数第二个。例如，如果你有一个数组或 nodeList，可以这样做： ```javascript let elements = document.querySelectorAll('your-selector'); if (elements....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值