相关疑难解决方法(0)
CSS3选择器:选择特定节点的父节点？
可能重复:
是否有CSS父选择器？
嗨!
我正在尝试选择特定节点(具有特定className)的父节点来为其应用一些CSS样式.
据我所知,只有子元素,后代,跟随节点等的CSS3选择器操作数...因此只有DOM文档中的一些"前向"选择是可能的.当选择器应用于DOM文档中的某个部分时,始终选择选择器描述的最后一个元素.我错了吗？希望如此!
如何选择<div>以下示例中的第一个元素？假设可能存在很多其他<div>s包含<p>s而我只想选择<div>包含p.foo但不包含的s p.bar.请注意,我想选择<div>而不是<p>!
<div>
<h1>Test</h1>
<p class="foo">Some text</p>
</div>
<div>
<h1>Test 2</h1>
<p class="bar">Some other text</p>
</div>
提前致谢!
推荐指数
解决办法
查看次数
CSS 伪类：选中适用于父母
可以将伪类应用于子元素。
input[type=checkbox] + label {
color: #ccc;
font-style: italic;
}
input[type=checkbox]:checked + label {
color: #f00;
font-style: normal;
}
<input type="checkbox" id="ossm" name="ossm">
<label for="ossm">CSS is Awesome</label>
将该伪类应用于父母或父母怎么样？例如到 DIV 元素？如何编写我的 CSS 代码？我的输入已经在页面加载时“检查”过，所以我只需要添加样式。
<div>
<label for="ossm">
<input type="checkbox" id="ossm" name="ossm" checked>
</label>
</div>
推荐指数
解决办法
查看次数
仅使用CSS在悬停时隐藏同级div
我对一种使CSS（no javascript）展示div您之外的或元素的方式感兴趣:hover，例如：
#divid {
display: none;
}
a:hover #divid {
display: block;
}<a href="#">Hover me!</a>
<div id="divid">Hello there, fellow friend!</div>我很好奇，因为当您将鼠标悬停在某个菜单元素上时我想做点事情，您会在浏览器的左边缘绘制搜索栏（它将是position: fixed;）。
编辑：
我认为上面的代码并不是我想要的。
这是实际的代码，因为答案始终无法正常工作。
#fixed2 a:hover + .nav {
background: black;
}
#options:hover + #search_text {
position: fixed;
top: 0;
left: 0;
}<ul class="nav">
<li id="left" class="big">
<a href="#">
<img width="35px" src="square.png" />
</a>
</li>
<li id="left" class="arrow">
<a href="#">
<img src="arrow.png" />
</a>
</li>
<li id="left">
<a href="#">
<img width="17px" …推荐指数
解决办法
查看次数
CSS not() with attribute selector doesn't seem to work
我有一个非常简单的选择器，但是当将它添加到 a 时，:not()它似乎不再识别它。
h2:not([random-attribute~="value"] h2){
color: red;
}
[random-attribute~="value"] h2{
color: blue;
}<div class="content">
<h2>Same valid selector, not working</h2>
<div random-attribute="value">
<h2>Valid selector turned blue.</h2>
</div>
</div>据我了解，如果你在里面放了一个有效的选择器，not()你会得到任何不在括号内的h2元素。这是直观的。
不直观的是， 中的选择器在not()单独使用时有效并且可以工作，但是当添加到 中时not()它似乎不起作用。
这不是写这个的有效方法吗？
推荐指数
解决办法
查看次数
如果表单选择元素的值为空，则突出显示该元素
我有一张表格供人们报名轮班。页面上有多个班次，并且我有一个onchange通过 Ajax 发送注册的事件。
<select name="user" class="assign_user" id="user1">
<option value="user1234" selected="selected">Joe Bloggs</option>
<option value="">No-one</option>
<option value="user1235">Jane Mahon</option>
<option value="user1236">Ahmed Kitab</option>
<option value="user1237">Dave Smew</option>
</select>
如果 <option value="">No-one</option>选择，我想select以黄色突出显示该元素。
我想不出只用 CSS 来做到这一点的方法。我试过
select[value=''] {
background-color:lightyellow;
}
但据我所知，方括号中的属性过滤器不接受空值。
编辑：为了清楚起见，当页面加载以及元素更改时，应突出显示空选择元素
推荐指数
解决办法
查看次数
使用 Python Selenium 查找 span 标签的同级/父级
这是我的第一个问题，所以如果我错过了一些信息或做错了什么，我已经为此道歉。我正在使用 ChromeDriver 来浏览互联网。使用的语言是Python与Selenium的结合。
我有一个元素，它是一个跨度标签，我将其存储在名为elem的变量中。我可以找到elem的父元素
articles.append(elem.find_parent("a")['href'])
它存储在该数组articles中。现在我需要找到祖先元素，它是带有“price”类的 span 标签：最低行代表elem，第二行是我正在寻找的元素。
但是，尝试像以前一样：
elem.find_parent("span")['class']
对我来说不起作用，我收到一个 Nonetype 错误。我尝试了多种其他方法，但总是出现 NoneType 错误。
先感谢您。
python selenium xpath selenium-chromedriver selenium-webdriver
推荐指数
解决办法
查看次数
有没有办法设置元素父级的CSS？
有没有办法声明一个CSS声明,该声明以id为目标的父元素？
例如,我知道我的元素的ID,"element1",但我不知道它的父亲的ID.我想声明CSS信息来定位myDiv,但我不知道它的ID.
HTML:
<div id="myDiv">
<div id="element1"> hello </div>
</div>
CSS:
#element1(parent) {
border:1px solid red;
}
推荐指数
解决办法
查看次数
具有特定兄弟的css选择器
使用生成以下内容的CMS:
<ul class="list-unstyled">
<li>content 1</li>
<li>content 2</li>
</ul>
<ul class="list-unstyled">
<li>
<span>content 3</span>
</li>
<li>
<h2>content 4</h2>
</li>
</ul>
我想选择"内容4".有许多<ul>标签,类"list-unstyled".有没有办法选择.list-unstyled > li > h2李有兄弟姐妹的地方li > span
这是不必要的,所以我不仅仅选择内容4.有可能.list-unstyled > li > h2在另一个地方有一个但没有兄弟姐妹li > span
希望我清楚自己
推荐指数
解决办法
查看次数
如何为所有实例设置相同的组件子动态宽度？Web组件
假设我在Web应用程序中有一个代表扩展器控件的小组件,即标题文本,展开/折叠的图标和一些内容.
一个非常简单的React实现(伪代码)可能如下所示:
const Expander = ({children, title, onExpandToggle, isExpanded}) => (
<div>
<div><span>{title}</span><img src={...} onClick={onExpandToggle} /></div>
{isExpanded && children}
</div>
);
此实现显示标题后面的图标,因此图标的位置由标题的长度决定.
它可能看起来像这样:
现在假设下面有多个像这样的人.它变得凌乱:
为了使这个更清洁,所有图标应该从左边有相同的填充.填充不应该是固定的而是动态的,因此最长的标题决定了所有图标的位置:
假设我想将扩展器保留在自己的组件中,是否有一种CSS方法来实现我的目标？
到目前为止,我还没有尝试任何东西,因为我没有起点.在WPF中,我会使用类似的东西SharedSizeGroup,但CSS不存在.
推荐指数
解决办法
查看次数
为什么在 CSS 中不起作用 [选择父级]
我正在开发一个网页，我需要选择另一个元素的“父级”但不起作用，而且它也不能在一个简单的页面中运行，如下所示：
<!DOCTYPE html>
<html lang="es" dir="ltr">
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<div class="">
<a href="#" class="prueba">prueba!</a>
</div>
<style media="screen">
div:has(.prueba) {
border: solid 2px red;
}
</style>
</body>
</html>
如果我在样式部分使用 div，工作，但我需要用第一个孩子捕捉 div，在这种情况下，“a”（类 prueba）但不适合我。
谢谢！
推荐指数
解决办法
查看次数