无法在CSS中使用带有选择器的:checked伪代码中的多个':nth-child's
在CSS中，无法直接在带有选择器的:checked伪类中使用多个:nth-child选择器。这是因为:checked伪类只能选择单个元素，而:nth-child选择器是用于选择一组元素中的特定位置的元素。
然而，可以通过使用其他CSS选择器和结构来实现类似的效果。以下是一种可能的解决方案：
- 使用相邻兄弟选择器（+）：可以选择:checked元素之后的下一个兄弟元素。例如，如果要选择第一个:checked元素之后的两个兄弟元素，可以使用:checked + + 选择器。
- 使用通用兄弟选择器（~）：可以选择:checked元素之后的所有兄弟元素。例如，如果要选择第一个:checked元素之后的所有兄弟元素，可以使用:checked ~ *选择器。
- 使用JavaScript：如果需要更复杂的选择器逻辑，可以使用JavaScript来实现。通过添加事件监听器，可以在元素状态改变时动态修改样式。
需要注意的是，以上解决方案可能会导致选择器的复杂性增加，并且可能不适用于所有情况。在实际开发中，应根据具体需求和场景选择最合适的解决方案。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 云数据库 MySQL 版（CMYSQL）：https://cloud.tencent.com/product/cmysql
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 人工智能（AI）：https://cloud.tencent.com/product/ai
- 物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
- 移动开发（移动推送、移动分析）：https://cloud.tencent.com/product/mobile
- 区块链（BCS）：https://cloud.tencent.com/product/bcs
- 元宇宙（Metaverse）：https://cloud.tencent.com/product/metaverse
相关·内容
用户将选择将根据用户选择的复选框来切换列标题的复选框。此外，我正在尝试使用CSS为用户生成第一行空白输入。复选框不选择分组的列(如偶数、奇数或前5列等)，并且在选中复选框1-4后显示的列之间存在重叠。下面是我的代码示例：<input type="checkbox" id="checkbox">
<label>checkbox</
浏览 10提问于2017-07-02得票数 0
回答已采纳
我正在研究css和排版，遇到了伪选择器这个有趣的概念。我使用过单冒号的psuedo选择器，但不熟悉双冒号版本的psuedo选择器。双冒号被称为伪元素而不是伪选择器--但为什么呢？有什么不同呢？我也知道单冒号更受支持，那么在什么情况下会使用双冒号伪元素呢？是否存在需要双冒号而单冒号无法完成工作的
浏览 0提问于2015-04-21得票数 27
回答已采纳
我不能在mpdf中有一个页面选择器，因为页面是因为文本长度而自动添加的。我可以在特定的页面上使用css吗？例如@page:nth-childs(3)？谢谢！
浏览 26提问于2020-11-10得票数 0
我正在使用SCSS制作动画，我想知道是否有一个技巧，我不需要创建不同的类名来单独编写这些元素的动画，而则是迭代它旁边的元素吗？没有JS。例如，请参阅下面的代码，其中我使用菜单栏通过延迟时间一个接一个地出现。很好，但想象一下如果我有上百个菜单栏.这意味着我得反复写这些..。.item-0 { appear .3s ease-in forwards,
moveItemUp .3s ease-in-out fo
浏览 4提问于2022-02-22得票数 0
我需要格式化几个<td>在css。而不是 padding-right:15px;我们可以做一些像td:nth-child(4,6,7)这样的事情吗？
浏览 0提问于2016-03-09得票数 0
2回答
我尝试在站点的#breadcrumbs部分中组合一个伪元素:before和一个伪类:nth-child(2)。: "> "}#breadcrumbs我应该注意的是，当我删除:<e
浏览 7提问于2016-09-03得票数 0
回答已采纳
4回答
通过JavaScript检测浏览器中任何css伪类支持的概念是什么？确切地说，我想检查用户的浏览器是否支持:checked伪类，因为我做了一些带有复选框的CSS弹出窗口，需要对旧浏览器做回退。回答:我发现已经在一个现代化的中实现了测试css选择器的。
浏览 6提问于2011-12-16得票数 7
回答已采纳
所以我有一个div的网格，不是所有的等高，我需要它们都正确地排列。我使用了第n个子jQuery选择器(参见下面)来选择每一行的第一个div，并应用清除:两种样式都在其上。这在ie8和up以及chrome和safari中都是有效的，但是在ie7中，它只是忽略第n个子位，因此不应用我的css。我使用了jQuery而不是css3，这样它就可以在ie7中工作了--所以我对
浏览 8提问于2012-01-02得票数 1
这是我正在影响的页面：.blog-post .odd-numbered { background: #ddd; }
..it不会影响包含博客帖子和奇数编号的
浏览 0提问于2012-01-14得票数 4
回答已采纳
我正在用Selenium测试一个包含表的网页。我想通过CSS选择器验证表格单元格(行、列)中的文本。表的HTML结构非常简单。IDE中，我可以使用以下CSS选择器在包含年龄的表行中找到"49“：
但是，如果我不确
浏览 2提问于2012-04-09得票数 0
我想在一些容器上设置一个伪元素边框，但不包括第三个。我认为我可以将伪选择器与:not结合使用，比如：div:before:not(nth-child(3))，但它似乎不起作用。那么:not选择器和伪选择器是不兼容的吗？在这种情况下，我如何才能将伪元素放入其中并排除某些特定元素呢？(顺便说一句，伪元素边框的想法是控制边框，使它们保持在顶部，无论顶部是否有覆盖(虽然还
浏览 15提问于2017-07-18得票数 0
回答已采纳
有没有办法在IE中做到这一点？我正在尝试设置调查样式，但它在IE6中不起作用悬停在上面很好，但选中的就是不起作用.A label { background-colorauto;}
background-color: #C36;
.A input[type="radio"]:checkedbackgrou
浏览 0提问于2013-05-14得票数 2
回答已采纳
1回答
为什么nth-child(n)不在这里工作？可以在HTML中添加更多的子级，但我认为使用nth-of-type(1), nth-of-type(2)......, nth-of-type(10)在CSS中添加相同的规则(相同的代码)并不是一个好方法所有的子类都包含相同的规则，那么为什么不提及一个选择器中的规则，而不是多次添加相同
浏览 0提问于2018-08-13得票数 0
回答已采纳
我在每个<option>上使用以下函数来确定它是否被选中： var fn = el.matches || el.matchesSelectorel.mozMatchesSelector || el.webkitMatchesSelector || el.oMatchesSelector;};
在jsdom中，它在NodeJS中工作得很好，它适用于
浏览 5提问于2015-05-07得票数 3
回答已采纳
2回答
选择HTML元素
、、
我在我的站点上使用一个名为row的类。.row { margin: 0 auto;
在这里，我希望针对这个特定的对象，使显示属性显示为flex，然后将类定位到其中，使显示属性内联块
浏览 2提问于2021-07-30得票数 0
回答已采纳
场景
我有一个CSS选择器，它应该在单击标签时显示子内容。选择器沿着input:checked + element + element的行给最后一个元素一个块的显示(缺省值为none)。问题是，除了webkit之外，它可以在所有主流浏览器中运行。Chrome、Safari和android (v2.2版，抱歉，我落后于时代)的移动浏览器都无法显示该元素。当我检查Chrome中的元素时，它显示它应该是d
浏览 0提问于2013-01-08得票数 13
回答已采纳
我在使用Java、Selenium和PhantomJS时遇到了问题。我想从一个网页(使用css选择器)获得多个按钮链接，但它不起作用。link = driver.findElement(By.cssSelector("div.a:nth-child("+ elementCounter +") > div:nth-child(3) >a:nth-child(1)")).getAttri
浏览 2提问于2015-12-23得票数 0
回答已采纳
我试图用解析一个简单的HTML页面。这是一个命令行HTML解析器，它接受一般的HTML选择器。text{}' #(would be SampleB)SampleA;MYEXTRASTRING;SampleB'div.aclass text{}, div.bclass text{}'SampleA有比小狗更好的
浏览 1提问于2019-01-04得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
