我在Perl正则表达式中知道正向前瞻的概念,即q(?=u)匹配aq后跟au,而不是使u成为匹配的一部分.我正在寻找类似于css的东西:我想匹配一个div,然后是一个兄弟姐妹div.specialClass.
<div>..</div> <!-- div to match -->
<div class="specialClass">..</div>
我玩过+但是匹配div.specialClass,而我想要前面的div.
可能重复:
是否有CSS父选择器？
我能够通过使用隐藏以这种方式看的DOM树.closest().
<div class='parent'>
<!-- some html code -->
<div class='child'>
</div>
<!-- some html code -->
<div>
$('.child').closest('parent').hide();
只使用CSS就可以获得相同的效果？
如果有,怎么样？
可能重复:
活动子的父级的复杂CSS选择器
是否有CSS父选择器？
有没有办法根据子元素是否具有特定类来设计父类？
<div class="container">
<div class="content1">
text
</div>
</div>
.
<div class="container">
<div class="content2">
text
</div>
</div>
我想.container根据子类是否为content1或者设计第一个content2.它必须是纯css解决方案,没有javascript.
我的文档中有一个锚标记的全局规则:
a,a:hover {border-bottom: 1px solid #ccc;}
但是边框在图像上看起来并不好看.我很好奇是否有办法删除包含仅使用纯CSS的图像的锚标签的边框？
在CSS中,是否可以递归选择all:last-child from body？
鉴于此标记:
<body>
<div id="_1">
<div id="_2"></div>
</div>
<div id="_3">
<div id="_4">
<div id="_5"></div>
<div id="_6"></div>
</div>
</div>
</body>
我正在寻找div no.3,4和6
另一种说法是:
body > :last-child,
body > :last-child > :last-child,
body > :last-child > :last-child > :last-child,
body > :last-child > :last-child > :last-child > :last-child {
/* My stuff here */
}
但显然这不是一个好方法.
嵌套列表有双子弹.一个用于li子列表和另一个用于子列表.
<ul>
<li>item</li>
<li>item</li>
<li>
<ul>
<li>item</li>
<li>item</li>
<li>item</li>
</ul>
</li>
</ul>
这里是小提琴,我有2个div,一个是外盒,另一个是innerBox,点击innerBox我需要更改外部的属性box.
从css3开始它不可能,css4中有什么可用吗？
仅使用CSS，如果子元素没有类，是否可以隐藏父元素？
<!-- hide this -->
<div class="parent">
<p class="badChild" />
</div>
<!-- do not hide this -->
<div class="parent">
<p class="goodChild" />
</div>
不幸的是，我无法更改页面的标记。我只能添加 CSS 规则。
这是一个常见的问题.它几乎总是立即关闭作为这个问题的副本:是否有CSS父选择器？
副本很好地指出父元素不能用CSS作为目标.但它对原始问题几乎没有提供指导,这可能会在XY问题中被捕获.
在这种特殊情况下......
如何在悬停孩子时更改父母的背景颜色？
...至少有一个可以解决问题的CSS解决方案.
<div>
<a href="#">Anchor Text</a>
</div>在CSS(任何版本)中,是否有像:has()jQuery中的选择器那样的任何其他方式？
jQuery(':has(selector)')描述:选择包含至少一个与指定选择器匹配的元素的元素.