首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

第n个子(偶数)不适用于我的css选择器

第n个子(偶数)不适用于我的css选择器是一个CSS伪类选择器,用于选择父元素下的偶数位置的子元素。它的语法是:nth-child(even)

该选择器的作用是选择父元素下所有偶数位置的子元素,并将样式应用于这些子元素。例如,如果一个父元素下有6个子元素,那么第2、第4和第6个子元素将被选择。

然而,需要注意的是,该选择器在某些情况下可能不适用。以下是一些可能导致该选择器不适用的情况:

  1. 子元素不是直接子元素:该选择器只会选择父元素下的直接子元素,如果子元素是嵌套在其他元素中的,那么该选择器将无法选择到它们。
  2. 子元素的位置不是偶数:如果父元素下的子元素的位置不是偶数,那么该选择器将无法选择到任何子元素。
  3. 浏览器兼容性问题:某些旧版本的浏览器可能不支持该选择器,或者支持的程度有限。

在使用CSS选择器时,可以根据具体的需求和情况选择合适的选择器。如果第n个子(偶数)不适用于你的CSS选择器,可以尝试其他选择器,如类选择器、ID选择器、属性选择器等,以满足你的需求。

腾讯云相关产品和产品介绍链接地址:

  • 腾讯云CSS:腾讯云提供的云服务器,可满足各种规模的网站、应用和服务的托管需求。
  • 腾讯云CDN:腾讯云提供的内容分发网络服务,可加速网站内容的传输,提升用户访问速度和体验。
  • 腾讯云云函数:腾讯云提供的无服务器计算服务,可帮助开发者在云端运行代码,实现按需计算和弹性扩缩容。
  • 腾讯云容器服务:腾讯云提供的容器化部署和管理服务,可帮助开发者快速构建、部署和管理容器化应用。
  • 腾讯云数据库:腾讯云提供的关系型数据库服务,可满足各种规模的数据存储和管理需求。
  • 腾讯云人工智能:腾讯云提供的人工智能服务,包括图像识别、语音识别、自然语言处理等功能,可应用于各种场景和行业。
  • 腾讯云物联网:腾讯云提供的物联网平台,可帮助开发者连接、管理和控制物联网设备,实现智能化应用。
  • 腾讯云移动开发:腾讯云提供的移动应用开发服务,包括移动应用开发框架、推送服务、移动分析等功能,可帮助开发者快速构建和发布移动应用。
  • 腾讯云对象存储:腾讯云提供的对象存储服务,可安全、可靠地存储和管理海量数据。
  • 腾讯云区块链:腾讯云提供的区块链服务,可帮助开发者构建和部署区块链应用,实现去中心化的数据交换和信任机制。
  • 腾讯云虚拟专用网络:腾讯云提供的虚拟专用网络服务,可帮助用户在云上构建安全、灵活的网络环境。
  • 腾讯云安全加速:腾讯云提供的安全加速服务,可保护网站和应用免受DDoS攻击和恶意访问。
  • 腾讯云视频处理:腾讯云提供的视频处理服务,可实现视频转码、截图、水印等功能,满足各种视频处理需求。
  • 腾讯云音频处理:腾讯云提供的音频处理服务,可实现音频转码、语音识别、语音合成等功能,适用于语音相关的应用场景。
  • 腾讯云元宇宙:腾讯云提供的元宇宙服务,可构建虚拟现实、增强现实等沉浸式体验的应用。
页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

常用CSS3选择器

:nth-child(n)和:nth-last-child(n)选择器 使用:first-child选择器和:last-child选择器可以选择某个父元素中第一个或最后一个子元素,但是如果用户想要选择...2个或倒数2个子元素,这两个选择器就不起作用了。...n 个子元素和倒数n个子元素,而:nth-child(n)和:nth-last-child(n)选择器用于匹配属于父元素 n 个子元素和倒数n个子元素,与元素类型无关。...:nth-of-type值还可以设为odd或2n-1(奇数),even或2n偶数),即为选择所有排序为奇数或偶数元素 :empty选择器 :empty选择器用来选择没有子元素或文本内容为空所有元素...比如::only-child选择器来修饰嵌套元素,看是否起作用。 <!

4.1K20
  • jquery获取第几个子元素_js获取元素指定子元素

    元素;对 于$(”label:only-child“)会选出是label元素,同时它是它父类唯一子元素label元素; :nth-child(n):返回n个子节点,n从1开始,如果n取0,...如:[*]li:nth-child(2)返回li元素,并且该元素是其父元素第二个子元素; :nth-child(even|odd):返回偶数或奇数子节点; :nth-child(An+B):返回满足表达式...An+B所有子节点,比如3n+1返回所处位置为父节点子元素是3倍数加1个子元素; :even:页面范围内处于偶数位置元素,如:li:even返回全部偶数li元素; :odd:页面范围内处于奇数位置元素...(n):n个匹配元素(不包括)之后元素(n从0开始),如:ul:gt(2)返回从3个ul开始所有ul元素(含第三个); :lt(n):n个匹配元素(不包括)之前元素(n从0开始),如:ul...利用css选择器进行选择: 元素标签名:比如说(”a“)会选出所有链接元素; #id:通过元素id进行选择,比如说(“#form1”)会选择id为form1元素; .class:通过元素CSS类来选择

    27.1K30

    前端学习(15)~css3学习(九):选择器详解

    比如说,我们属性选择器去匹配标签className,是非常方便 这里我们class属性来举例。代码举例: <!...CSS3又新增了其它伪类选择器。这一小段,我们来学习CSS3中结构伪类选择器:即通过结构来进行筛选。 1、格式:(第一部分) E:first-child 匹配父元素第一个子元素E。...E:last-child 匹配父元素最后一个子元素E。 E:nth-child(n) 匹配父元素n个子元素E。注意,盒子编号是从1开始算起,不是从0开始算起。...E:nth-child(odd) 匹配奇数 E:nth-child(even) 匹配偶数 E:nth-last-child(n) 匹配父元素倒数n个子元素E。...(当n小于1时无效,因为n = 0 也是不会选中) 如果选择器写成li:nth-child(2n),则表示所有的偶数个 li。

    50420

    CSS选择器

    下述内容主要讲述了《HTML5权威指南》17、18章关于“使用CSS选择器I部分、II部分)”。 一、前传 1....CSS标准化 在模块定义不太稳定阶段,浏览器会采用厂商前缀实现某个特性。它允许早起采纳者试用浏览器实现新属性。...选择器 说明 :root 匹配文档中根元素(返回html元素) :first-child 选择元素第一个子元素 :last-child 选择元素最后一个子元素 :only-child 选择元素唯一子元素...:only-of-type 选择元素指定类型唯一子元素 :nth-child(n) 选择父元素n个子元素 :nth-last-child(n) 选择父元素倒数n个子元素 :nth-of-type...(n) 选择父元素定义类型n个子元素 :nth-last-of-type(n) 选择父元素定义类型倒数n个子元素 示例:子元素选择器 <!

    1.4K51

    CSS选择器详解

    CSS3 E:nth-child(n) { sRules } 要使该属性生效,E 元素必须是某个元素子元素,E 父元素最高是 body,即 E 可以是 body 子元素 匹配父元素 n 个子元素...span> 4个p 5个p 该选择符允许使用一个 乘法因子(n) 来作为换算方式,比如我们想选中所有的偶数子元素 E,那么选择符可以写成:E...(n)来作为换算方式,比如我们想选中倒数第一个子元素E,那么选择符可以写成:E:nth-last-child(1) 匹配父元素倒数n个子元素E,假设该子元素不是E,则选择符无效 ...,也就是说E可以是body 该选择符总是能命中父元素n个为E子元素,不论n个子元素是否为E /* 设置父元素第二个 p 元素为红色,虽然该 p 元素为父元素第三个元素...子元素,也就是说E可以是body 该选择符总是能命中父元素倒数n个为E子元素,不论倒数n个子元素是否为E p:nth-last-of-type(1) {

    2.8K40

    css3nth-child选择器详细探讨

    css3nth-child选择器详细探讨 前言 在十年前开始div+css布局兴起之时,我就开始了CSS学习和实践.在当年,对于CSS选择器,基本上是没有什么选择性,只有ID选择器,CLASS...(n) :nth-of-type(n) :nth-last-of-type(n) :last-child 具体每个有什么差异,可以CSS 选择器参考手册页面进行查询....再复杂一点 选择3位倍数+1(1/4/7/10),其中偶数 ○○○●○○○○○●12345678910 ul.list li:nth-child(3n+1):nth-child(2n){background...dd>5个dd 要实现效果如下,选择dt偶数和dd奇数, DT圆形演示 DD矩形演示\ ○■●□○■●□○■1dt1dd2dt2dd3dt3dd4dt4dd5dt5dd...{background: #000;} dl.dl dd:nth-of-type(2n+1){background: #06f;} 最后总结 CSS3提供这些强大选择器,可以让我们在具体项目当中,

    49410

    CSS笔记(20) 非常重要

    nth-child(n)选择某个父元素一个或多个特定子元素,注意括号里字母只能是n. n可以是数字,关键字和公式 n如果是数字,就是选择n个子元素,里面的数字从1开始 n可以是关键字:even偶数...,odd奇数 n可以使公式:常见公式如下(如果n是公式,则从0jisuan,但是0个元素个数会被忽略) 比如说,我们想做一个隔行变色效果,该怎么实现呢?...小结: 结构伪类选择器一般用于选择父级里面的第几个孩子. nth-child对父元素里面所有孩子排序(序号是固定),先找到n个孩子,然后看看是否和E匹配. nth-of type对父元素里面指定子元素进行排序选择....先去匹配E,然后再根据E找到n个孩子....关于nth-child(n)我们要知道n是从0开始计算,要记住常用公式 如果是无序列表,我们肯定nth-child更多. 权重问题.类选择器,伪类选择器,属性选择器权重都是10.

    46420

    HTML学习笔记——css基础

    目录 前言 一、使用css修改元素样式 1、内联样式、行内样式:  2、内部样式表: 3、外部样式表:(最佳) 二、CSS基本语法 三、CSS各类选择器 1、 元素选择器:  2、 id选择器...语法: .class属性值  可以同时为一个元素指定多个class属性,多个class之间空格隔开。 4、通配选择器: 作用:选中页面中所有元素。...6、选择器分组(并集选择器): 作用:同时选择多个选择器对应元素。 语法:选择器1,选择器2,选择器3,选择器n{} 7、关系选择器: 定义: 父元素:直接包含子元素元素叫做父元素。...伪类用来描述一个元素特殊状态,比如:第一个子元素、被点击元素、鼠标移入元素...            ...()  选中n个子元素                  特殊值:n  n                     n范围0到正无穷                     2n 表示选中偶数元素

    71620

    CSS3选择器 | 每个前端开发者必须要掌握技术

    :first-child 单独指定第一个子元素样式 :last-child 单独指定最后一个子元素样式 2....选择奇偶行 nth-child(odd)与nth-child(even): 不足之处: nth-child选择器在计算子元素时,奇数个元素还是偶数个元素时,是连同父元素内所有 子元素一起计算...n:所有的行 2n:每2行选择一行 3n:每3行选择一行 n+2:除1行外所有的行 2n+4:从4行开始隔1行选择1行 :nth-last-child(n):从后向前选择,n为参数...n:所有行 2:倒数2行 -n+3:最后3行 :only-child:只有一个元素时使用 4.目标伪类选择器 :target: 使用该选择器来对页面中某个target元素(锚记链接)指定样式...css伪元素: 对元素中特定内容进行操作,而不是描述状态 css3为了区分两者伪类使用单冒号,伪元素使用双冒号,但因为兼容问题现在大部分还是单冒号 8.层级选择器 相邻兄弟选择器: li + li:

    73510

    这30个CSS选择器,你必须熟记(下)

    在上两篇文章里,《这30个CSS选择器,你必需熟记(上)》和 《这30个CSS选择器,你必需熟记(中)》这两篇文章里,我们一起学习了前20个,本篇文章我们一起学习剩下10个选择器。...Safari Opera 22、 X:nth-child(n) :选择每 n 个元素选择器 如果你要匹配一组序列元素第几个元素,你可以使用 :nth-child 选择器满足这个需求,要注意是nth-child...指序列里n个元素,从1开始。...我们甚至可以按倍数进行匹配,比如选择所有4倍数元素,li:nth-child(4n)。...X:nth-last-of-type(n):从后往前计算选择每n个某种元素选择器 比如我们可以使用nth-last-of-type来选择倒数n个元素。

    73700

    结构伪类选择器-CSS3新特性

    CSS3新特性-结构伪类选择器CSS3中新增了一个结构伪类选择器,它能用更加简洁代码,实现我们某些需求。...定义:结构伪类选择器主要根据是文档结构来选择元素,常常用在根据父级选择器选出某些想要子元素。...n个子元素E 4 E:first-of-type 指定类型E第一个 5 E:last-of-type 指定类型E最后一个 6 E:nth-of-type(n) 指定类型En个 公式 选取范围...n 所有子元素 2n 偶数子元素 2n+1 奇数子元素 5n 5、10、15...个子元素 n+3 从3个子元素开始(包括3个)到最后 -n+6 前6个子元素(注意不能写成 6-n 不生效) 其中...1. n如果是数字,就是选择n个子元素,里面数字从1开始... 2. n如果是关键字: even代表偶数,odd代表奇数 3. n可以是公式︰常见公式如下: 4.

    48130

    这30个CSS选择器,你必须熟记(下)

    在上两篇文章里,《这30个CSS选择器,你必需熟记(上)》和 《这30个CSS选择器,你必需熟记(中)》这两篇文章里,我们一起学习了前20个,本篇文章我们一起学习剩下10个选择器。...Safari Opera 22、 X:nth-child(n) :选择每 n 个元素选择器 如果你要匹配一组序列元素每第几个元素,你可以使用 :nth-child 选择器满足这个需求,要注意是nth-child...指序列里n个元素,从1开始。...我们甚至可以按倍数进行匹配,比如选择所有4倍数元素,li:nth-child(4n)。...X:nth-last-of-type(n):从后往前计算选择每n个某种元素选择器 比如我们可以使用nth-last-of-type来选择倒数n个元素。

    54920

    「HTML&CSS」第一部分

    (上) 什么是 CSS3 在 CSS2 基础上拓展、新增样式 CSS3 发展现状 移动端支持优于 PC 端 CSS3 目前还草案,在不断改进中 CSS3 相对 H5,应用非常广泛 属性选择器列表...属性选择器代码演示 button { cursor: pointer; } button[disabled] { cursor: default } 八、CSS3 属性选择器(下) 代码演示...n 可以是数字、关键字、公式 n 如果是数字,就是选中第几个 常见关键字有 even 偶数、odd 奇数 常见公式如下(如果 n 是公式,则从 0 开始计算) 但是 0 个元素或者超出了元素个数会被忽略...(n) { background-color: lightcoral; } /* 偶数 */ ul li:nth-child(2n) { background-color:.../* 选择 0 5 10 15, 应该怎么选 */ ul li:nth-child(5n) { background-color: orangered; } /* n + 5 就是从

    29020
    领券