有没有办法对同一个父级的第 n 个子级 CSS 规则进行分组

2024-01-03

我有以下 CSS 规则:

 #div .item62 > .wrap > .cont > .level1 > div:nth-child(9),
 #div .item62 > .wrap > .cont > .level1 > div:nth-child(11),
 #div .item62 > .wrap > .cont > .level1 > div:nth-child(n+12){
    width: 140px ;
 }

我想对这些规则进行分组,以使代码更短,并且可能在执行一次父元素选择时使代码更高效(这些规则是否使浏览器引擎搜索相同的“父”元素三倍,或者这已经是优化?)。

有没有办法以更短的方式编写这些规则?

由于代码结构是由第三方代码创建的,我无法添加不同的类或更改 HTML 结构。

我找不到一种 CSS 方法,允许选择一个具有多个不同子元素的父元素,而无需重写子元素的整个路径。 而且我没有额外的 CSS 预处理器可用。


您当前的 CSS 规则是您可以编写的最短规则,无需任何预处理器可用的。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

有没有办法对同一个父级的第 n 个子级 CSS 规则进行分组 的相关文章

  • Flexbox 项目的完美圆形边框半径[重复]

    这个问题在这里已经有答案了 我有类似这样的项目 它们是弹性盒容器内的弹性项目 我的正常尺寸物品 我的物品被挤压 我的 CSS 看起来像这样 body display flex flex direction column align item
  • 将引导程序弹出框保留在视口内

    我正在尝试使用带有按钮的侧边栏创建一个菜单 每个按钮都有一个指定的包含相关数据的弹出窗口 不幸的是 其中一个弹出窗口可能包含任意数量的行 并且在某些情况下它可能部分位于视口之外 See http jsfiddle net bfd9f 1 h
  • 有什么方法可以声明盒子的大小/部分边框吗?

    有什么方法可以在 CSS 中声明框的大小 部分边框吗 例如一个盒子350px只显示第一个边框底部60px 我认为这可能非常有用 例子 并不真地 但以优雅降级且不需要多余标记的方式实现这种效果非常容易 div width 350px heig
  • 如何使用 XPath 通过 CSS 类查找元素?

    我的网页里有一个div with a class named Test 我怎样才能找到它XPath 该选择器应该可以工作 但如果将其替换为适合的标记 则会更有效 contains class Test 或者 因为我们知道所寻找的元素是div
  • CSS3 - 性能最佳实践是什么? [关闭]

    就目前情况而言 这个问题不太适合我们的问答形式 我们希望答案得到事实 参考资料或专业知识的支持 但这个问题可能会引发辩论 争论 民意调查或扩展讨论 如果您觉得这个问题可以改进并可能重新开放 访问帮助中心 help reopen questi
  • 表格底部的粘性滚动条

    我不确定 粘性 是否是这个术语 但是有没有办法使滚动条overflow auto保持可见 我有一个相当大的表格 我希望它可以水平滚动 但是 表格也相当高 因此当页面加载时 水平滚动条不在浏览器的视口内 因此很难判断表格是否可滚动 div s
  • 如何创建多列列表?

    我有一个 有序列表 其中包含大约 100 个 列表项 这使得我的页面很长 用户不得不滚动太多 我怎样才能让 UL 显示如下 1 6 11 2 7 12 3 8 13 4 9 14 5 10 15 如果您不关心垂直顺序 而只关心布局 1 2
  • 光标:IE 8 和 9 中的自动行为

    我想要的是为整个正文标记指定cursor pointer 这样页面的背景是可点击的 但我也希望页面的其余部分像以前一样工作 所以我尝试为div设置cursor auto 其中包含这一页 在 FF Chrome 和 safari 中 它工作得
  • css 在 body 上应用宽度

    我对 html 和 css 完全陌生 所以我的问题可能非常基本 但希望你们能帮助我 udnerstnad 我正在使用以下 css 代码 body background color Olive width 550px font family
  • 使绝对定位的div扩展父div高度

    正如你在下面的 CSS 中看到的 我想要child2将自己定位在之前child1 这是因为我目前正在开发的网站也应该在移动设备上运行 在移动设备上child2应该位于底部 因为它包含我想要在移动设备上的内容下方的导航 为什么不是 2 个母版
  • 如何在引导程序中制作两个等高的列?

    我有这个代码 HTML div class container fluid div class row div class col md 6 p Line p p Line p p Line p p Line p p Line p p Li
  • HTML/CSS:页面左侧的导航栏

    我发现创建这样具有良好语义的布局很尴尬 左侧是大约 150 像素宽的列 其中包含导航元素 我想将网站这部分的 HTML 放在 HTML 代码的开头 然后有一个简单的方法来强制页面的其余部分不侵占左侧的区域 150 像素列 我考虑过一些选择
  • 引导网格中的绘图图周围有巨大的空白

    我有一个 Net 应用程序 我试图在其中使用创建一个图表bootstrap js and plotly js 当我创建响应式图表时 我遇到网格中存在巨大空白的问题 我发现问题的一部分是plotly svg container的大小默认高度为
  • 如何隐藏按钮元素的值?

    如何隐藏按钮的值 同时仍然显示按钮 我使用的颜色 透明 但这行不通 我想隐藏按钮的值 但不是所有按钮的值 我需要将 value 属性保留在按钮中 我只是不想让它被看见 如果您只想显示按钮而不显示任何文本 请将值设置为空字符串 然后手动设置按
  • 如何更改 .NET MAUI Blazor 项目中的默认字体?

    我有一个用于 NET MAUI Blazor 应用程序的默认 Visual Studio 项目 针对 Windows x64 构建 我尝试了两种不同的更改字体的方法 在MauiProgram cs中有一个字体的配置ConfigureFont
  • CSS:如何在“div”内垂直对齐“标签”和“输入”?

    考虑以下代码 http jsfiddle net s2qBw 3 HTML div div
  • 浏览器特定的 CSS 属性

    在哪里可以找到完整的 浏览器特定 css 属性 参考 我的意思是一些属性 例如 moz border radius这仅适用于 Firefox 或 webkit min device pixel ratio 这些示例仅适用于指定的 Web 浏
  • 在引导程序中使用容器流体会导致水平滚动条

    这是一个简单的例子 div class container fluid div class row div class col lg 12 DUMMY CONTENT div div div Fiddle 演示 http jsfiddle
  • 如何在 flutter/dart 中使用设定大小的自定义字体?

    我正在尝试使用color fontWeight and fontFamily with style style copyWith 我尝试使用的自定义字体是Vonique 我已经将它像这样导入到pubspec yaml fonts famil
  • 使用 JavaScript 从 URL 变量读取来加载不同的 CSS 样式表

    我试图在我的 WordPress 博客上使用两个不同的样式表 以便在通过 Web 访问页面时使用一个样式表 而在通过我们的 iOS 应用程序访问博客内容时使用另一个样式表 现在 我们将 app true 附加到来自 iOS 应用程序的 UR

随机推荐

  • 尝试在 NotepadV1 示例练习中加载资源时出现“找不到资源”异常

    我是 Android 新手 但不是 Java 我遵循示例练习 NotepadV1 但在虚拟设备上执行时出现奇怪的错误 Hello World 在同一虚拟设备上运行良好 运行程序时出现 找不到资源 异常 使用的 ID 是正确的 Eclipse
  • 如何在android中将所有联系人信息导出为VCF文件

    使用此代码我可以导出我设置的任何值 但除此之外我想保存图像 生日 关系 assistnat 注释 标签 网站 如何设置这个值来生成vcf文件 Person p getPerson File vcfFile new File this get
  • 打破数组循环函数(map、forEach 等)的循环

    我怎样才能打破 类似于break语句 来自数组的隐式循环 The Array prototype map Array prototype forEach等函数意味着对数组元素的循环 我想尽早有条件地打破这个循环 这个人为的例子 const
  • 具有两个优先级值的优先级队列

    众所周知 插入优先级队列的元素具有确定其优先级的值 例如 如果我有五个元素A B C D E具有优先级 我们称之为优先级值priorityI A 10 B 5 C 1 D 3 E 2 但是我如何编写一个可以定义两个优先级值的优先级队列 我的
  • 当类存在时ClassNotFoundException?

    我对此有点困惑 Android 正在抛出一个ClassNotFoundException即使有这样的班级 04 20 09 07 50 179 E AndroidRuntime 525 FATAL EXCEPTION main 04 20
  • PHP 浮点模数不起作用

    我编写了一个函数 以便在必要时向数字添加逗号和零 但我陷入了模数函数的困境 根据我的PHP float 877 5 1 0 true 不应该877 5 1 0 5 它提醒你你需要的是什么fmod http www php net manua
  • 如何使用 NLTK 从归纳语法生成句子?

    我有一个 大 解析句子列表 使用斯坦福解析器解析 例如 句子 现在你可以娱乐了 有以下树 ROOT S ADVP RB Now NP PRP you VP MD can VP VB be VP VBN entertained 我正在使用一组
  • AngularJS 可重用模态引导指令

    我是 AngularJS 的新手 我正在尝试实现一个可重用的模式引导程序 这是index html div div
  • 批量/多个 iOS 推送通知代码 - 适用于 2 台设备,但不适用于 100 台设备

    如果我发送到的设备数量为 2 即它们都收到推送通知 则以下代码可以正常工作 但如果我将该限制提高到 100 则不会收到推送通知 我已阅读此内容 看起来我正在正确发送批处理通知 即通过单个连接发送多个请求 连接超时设置得很好且很高 60 秒
  • 为什么我收到“Map”未从“react-leaflet”导出?

    为什么我得到 src components mapComponent MapView jsx Attempted import error Map is not exported from react leaflet 我将其导入到组件中 i
  • 如何检查 Thymeleaf 片段是否已定义

    使用时如何检查 Thymeleaf 片段是否已定义 模板装饰代替包含 技术 https stackoverflow com questions 18896915 thymeleaf templates is there a way to d
  • 可逆哈希函数?

    我需要一个可逆哈希函数 显然输入的大小比输出小得多 以随机的方式将输入映射到输出 基本上 我想要一种将 123 这样的数字转换为 9874362483910978 这样的更大数字的方法 但不是以保留比较的方式 因此如果 x1 gt x2 f
  • Request.Form 抛出异常

    我正在制作 ASP NET Core Web 应用程序 并且我正在通过 HttpContext 从 javascript 文件上传 PDF 文件 因此 当我尝试使用 Request Form File 在服务器端加载文件时 Form 会抛出
  • 地图,测试当前位置是否在折线上或附近

    我正在使用 google Direction api 绘制路线的折线 有谁有检查当前位置是否位于折线上 附近的示例吗 尝试确定用户当前位置是否在该线的 x 米范围内 如果不是 我将提出新请求并重新绘制新路线 Cheers 这是我的解决方案
  • 错误:413 请求太大 - 具有可恢复 MediaIoBaseUpload 请求的 Python Google Drive API

    这似乎遵循其他示例中发现的记录模式在文档中 https developers google com api client library python guide media upload resumable media chunked u
  • iPhone SDK:TableView 中的自定义按钮

    我在表视图中使用自定义按钮 它对我很有用 UITableViewCell tableView UITableView tableView cellForRowAtIndexPath NSIndexPath indexPath UIImage
  • 防止切换组未选择切换 - Java FX

    我有一个带有两个切换按钮的切换组 应如下所示 黄色切换是选定的切换 但是 当我单击选定的切换时 两个切换都会变为未选中状态 如下所示 然后 如果我尝试获取是否选择了切换开关 我会得到一个nullPointerException Boolea
  • 更改滑块时模糊 UIImage

    我尝试过高斯模糊并检查了 stackoverflow 上的所有问题 但没有一个解决了我的崩溃问题 请帮忙 除了高斯模糊算法之外 还有其他方法可以模糊图像吗 我的图像大小是 768x1024 循环迭代 2 1024 768 次 这是不可行的
  • Newtonsoft.json 程序包版本不匹配

    我正在尝试使用SocketIO4Net https nuget org packages SocketIO4Net Client在 net中创建socket io客户端 看来 SocketIO4Net 依赖于 Newtonsoft Json
  • 有没有办法对同一个父级的第 n 个子级 CSS 规则进行分组

    我有以下 CSS 规则 div item62 gt wrap gt cont gt level1 gt div nth child 9 div item62 gt wrap gt cont gt level1 gt div nth chil