添加父元素类时CSS相邻同级选择器失败
在CSS中，相邻同级选择器（Adjacent Sibling Selector）用于选择紧接在指定元素后的同级元素。然而，当给父元素添加类时，相邻同级选择器可能会失效。
这是因为相邻同级选择器只能选择紧接在指定元素后的同级元素，而添加父元素类后，父元素成为了指定元素的一个祖先元素，而不是同级元素。因此，相邻同级选择器无法选择到父元素的同级元素。
解决这个问题的方法之一是使用其他选择器来选择同级元素，例如兄弟选择器（General Sibling Selector）或子选择器（Child Selector）。兄弟选择器可以选择指定元素后的所有同级元素，而子选择器可以选择指定元素的直接子元素。
另外，如果需要在CSS中实现更复杂的选择逻辑，可以考虑使用CSS预处理器（如Sass或Less）或JavaScript库（如jQuery）来处理选择器的逻辑。
总结起来，当给父元素添加类时，相邻同级选择器可能会失效。解决这个问题的方法是使用其他选择器来选择同级元素，或者考虑使用CSS预处理器或JavaScript库来处理选择器的逻辑。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云CSS：https://cloud.tencent.com/product/css
相关·内容
我是否可以使用CSS来设置一个元素的样式，如果它是同级的话，则取决于子类的类型？或者是它父母的兄弟姐妹的孩子？<tr><td><span class='red'>C</span></td><td><span class='red'>D</span></td></tr>我希望选择任何具有
浏览 1提问于2013-04-16得票数 0
demonstrating issue 这个很好用 .content-wrapper.row-fluid + .footer.row-fluid {} 这将仅在具有body类path-frontpage的页面上成功地正确定位同级 .path-frontpage .footer.row-fluid {} 这适用于具有body类path-frontpage的页面的页脚上方的div .path-frontpage.content-wrapper.row-fluid {} 但这不会将body类
浏览 16提问于2019-01-31得票数 0
回答已采纳
2回答
在鸟巢的两个元素上盘旋
、、、
通过使用纯CSS (无JavaScript)，如何使仅当在 .a和.b，都是 .a和.b时才会变红？(这可以解释为“当我将.b悬停时，.a会变红”)<div class="a">AAAAA<div class="b">BBBBB</div></div>.bred;}.b:hover ~ .a {c
浏览 10提问于2013-09-21得票数 0
回答已采纳
1回答
我有3行的复选框，用户必须填写。验证是他必须在每行中至少选中一个复选框。因此，我创建了强制规则，因为据我所知，必需的规则不适用于复选框。我已经创建了一个。因此，如果您只需单击提交，您将看到3个不同的消息，但我只想要一条消息。有没有办法把它们结合起来呢？我见过使用常规的jQuery验证，但没有使用不显眼的验证。<script type="text/javascript">
(fu
浏览 1提问于2011-07-13得票数 5
回答已采纳
3回答
="filterAll" type="checkbox" id="filterAll" checked="checked" /></div>input[type="checkbox"]:checked > label{ background-color:#F00; }
以改变父标签的背景色，但这不起作用。
浏览 0提问于2012-09-29得票数 1
回答已采纳
1回答
我有一些网页元素，对鼠标悬停在图片上与重叠滑动，我也想得到同样的效果，当用户悬停蓝色div与文字以下的图片。只有css才能做到这一点吗？</p> </a>CSS： padding: 10px;
display: inline-block;
浏览 2提问于2013-12-29得票数 1
回答已采纳
这可能看起来很愚蠢..我想给p标签赋予样式，它位于某个div( div不是p标签的父标签).For示例之后<p>Hello</p>
<p>How are you?
浏览 0提问于2013-05-28得票数 3
回答已采纳
当用户在.foo上徘徊时，我试图改变.bar的文本颜色，我不知道如何仅用CSS来实现这一点。我试过使用CSS前面的元素选择器~，但这不起作用。
浏览 5提问于2013-11-06得票数 1
回答已采纳
我正在解析一个来自网站的HTML文件，但从该文件中获取所有数据时遇到了问题。align="center">-</td></tr>我正在使用'linkpadrao‘类，它工作得很好，但我无法获取'linkpadrao‘类上面的数据：
p
浏览 0提问于2013-09-12得票数 0
我有这样的设想： <div id="a"></div></div>
在我的例子中，只有在id a之后，我才想向类b添加页边距-top:5 5px；，注意这些不是子元素，而是在相同的元素中。我想要一种使用纯CSS或CSS3的方法，而不需要使用
浏览 2提问于2014-07-30得票数 4
回答已采纳
我发现在行具有可靠属性的单元格中很容易获得文本值，例如。$browser.tr(:class, "datarow2_sm")捕捉该行的一个不情愿的方法是： cell2value = $browser.tr(:class, "datarow2_sm"
浏览 2提问于2012-07-20得票数 1
回答已采纳
1回答
当选中复选框时，我尝试了许多方法来更改图像边框的颜色，但没有找到解决方案。我开始怀疑这是否可能。 </li></form> 选中复选框时，
浏览 0提问于2019-05-14得票数 0
我想知道是否可以用中间的元素来瞄准两个相邻的元素？<input id="input" class="input error" type="text" /><div>
当输入有错误类时
浏览 4提问于2017-03-17得票数 0
我正在尝试使用同级选择器来悬停/显示子菜单。/li> </li> </li>假设，当鼠标悬停在"Hover over Me“上时，应该会显示同级的ul。我确定我以前见过IE8中使用的'+‘同级选择器，我哪里错了？
浏览 0提问于2009-10-23得票数 5
回答已采纳
2回答
CSS特殊悬停
、、
//到目前为止我的代码 <ul> <li class="c">Emilia</li></div>
<div class="d">This text should be in a green box...<
浏览 1提问于2014-11-20得票数 0
回答已采纳
我知道网络爬行需要一个名字标签。(例如: class='abcd')但是现在我想要的是没有这个名字。
永远感谢stackoverflow.的用户
浏览 0提问于2019-05-28得票数 0
回答已采纳
当链接悬停时，我正在尝试触发从display:none;到display:block;的div。我试图通过相邻的兄弟选择器来实现该反应，但目标div不会从none更改为block。</div></div>#home_bar {width: 888px;
border: 1px我希望尽可能避免使用jQuery，因为我通常更喜欢使用CSS，
浏览 1提问于2014-03-10得票数 2
有无数的东西我想学，但在它的最基本的部分，我想知道如何找到一个特定的元素，是兄弟姐妹，然后是我能够找到的另一个元素？</table>我希望返回<table>元素，该元素位于具有文本Name2的<h3>元素之后。我知道如何用all循环元素，我知道如何使用first而不是find，但我不知道如何“在特定元素Y之后找到第一个元素X”。
浏览 3提问于2015-05-13得票数 16
回答已采纳
4回答
是否有一种方法可以选择在<h2>标记后面的所有标题(在我的示例中是<p> )？<main> <p>Body text</p> <h2>Sub heading 2</h2> <h2>Sub heading 3&l
浏览 0提问于2017-11-30得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
