css获取下⼀个元素,css选择器获得2个元素
(cssselectorget2elements)
css选择器获得2个元素(css selector get 2 elements)
我需要选择两个元素,跳过接下来的两个元素,选择两个元素等。
例如,假设我有10个元素:
element1
element2
element3
element4
element5
element6
element7
element8
element9
element10
我想选择元素1,2,5,6,9和10。
有没有办法利⽤nth-child或类似的东西实现这⼀⽬标?
I need to select two elements, skip the next two elements, select two elements, etc.
For example, assuming I have 10 elements:
element1
element2
element3
element4
element5
element6
element7
element8
element9
element10
I want select the elements 1, 2, 5, 6, 9, and 10.
Is there any way, utilizing nth-child or similar, to achieve this?
更新时间:2020-01-10 16:01
最满意答案
组合选择器以便为每四个元素选择第⼀个/第⼆个元素。
.container > .el:nth-child(4n+1),
.container > .el:nth-child(4n+2) {
color: red;
}
.container > .el:nth-child(4n+1),
.container > .el:nth-child(4n+2) {
color: red;
element1
element2
element3
element4
element5
element6
element7
element8
element9
element10
Combine selectors in order to select the first/second element for each four elements.
.container > .el:nth-child(4n+1),
.container > .el:nth-child(4n+2) {
color: red;
}
.container > .el:nth-child(4n+1),
.container > .el:nth-child(4n+2) {
color: red;
}
element1
element2
element3
element4
element5
element6
element7
element8
element9
element10
相关问答
⼀种可能的解决⽅案是选择具有匹配类名的所有元素,然后选择具有正确样式属性的第⼀个元素。 你还没有说过测试编写的语⾔,但C#中的⼀个例⼦是: IWebElement element = driver.FindElements(By.CssSelector("ul.textboxlist-bits")).First(e =>
e.GetAttribute("style").Contains("background-color: transparent;")); A possible solution
...
你使⽤两者(两者之间没有空格 ) .checked.featured{
// ...
}
参考: http : ///TR/selectors/#class-html 例 div{margin:1em;padding:1em;}
.checked{color:green;}
.featured{border:1px solid #ddd;}
.checked.featured{
font-weight:bold;
...
如果我正确地阅读了规范 ,没有。 您可以在元素上匹配元素中的属性名称,以及元素中命名属性的值。 但是,我没有看到匹配内容的内容。 If I read the specification correctly, no. You can match on an element, the name of an attribute in the element, and the value of a named attribute in an element. I don't see anything fo
...
:
disabled伪选择器仅适⽤于输⼊元素。 对于div,使⽤div[disabled]来应⽤css 使⽤ div[disabled] {
opacity: 0.4;
filter: alpha(opacity=40); /* For IE8 and earlier */
}
演⽰ input:enabled {
background: #ffff00;
}
input:disabled {
background: #dddddd;
jquery在一个元素后追加标签
}
div[d
.
..
⼀种⽅法是使⽤嵌套的标签,⽽不是使⽤background-image 。 然后,您可以设置background-position ,使background-image位于正确的位置,然后将所需的样式应⽤于li本⾝。 例如,你可以这样做: li {
border: 1px solid black;
margin: 10px;
padding: 10px;
float: left;
background-repeat:no-repeat;
ba
...
您可以使⽤querySelector()⽅法,该⽅法始终返回查询中的第⼀个元素: var element = document.qu
erySelector('Input');
jQuery没有直接的等价物,所以你必须使⽤[0]索引。 You can use the querySelector() method, which always returns the first element from a query: var element = document.querySele
...
答:没有。 但是你总是可以选择JQuery: $('#id').nextUntil('#id2')
请记住, .nextUntil⽅法选择中间的所有元素, 不包括。 要选择包含两个元素的元素,请使⽤:
$('#id').nextUntil('#id2').andSelf().add('#id2')
.siblings * {
display: block;
border: 2px soli
...
只要摆脱p p.hometown说你只想将该规则应⽤于使⽤该类的
元素 .hometown {
background: yellow;
}
将该类应⽤于class =“hometown”的所有元素。 p.hometown, div.hometown {
background: yellow;
}
将类应⽤于
元素 Just get rid of the p p.hometown says you only want to apply that rule t
...
你可以试试: "div.select-me :not(script)"
You can try: "div.select-me :not(script)"
为此使⽤:nth-child()伪类 。 组合选择器以便为每四个元素选择第⼀个/第⼆个元素。 这⾥的例⼦ .container > .el:nth-child(4n+1), .container > .el:nth-child(4n+2) {
color: red;
}
.container > .el:nth-child(4n+1),
.container > .el:nth-child(4n+2) {
color: red;
}
...

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。