标签: css-selectors

这是我的按钮示例：

<button id="question_1a" disabled">Next question</button>

我想将按钮的样式设置为标准样式，background-color如果禁用它们则不同：

input[type=button][disabled]{
    background-color:#CCC;
}
input[type=button]{
    background-color: #6CB300;
    color:#fff;
    border:0;
    font-size:1.5em;
    padding:2% 3%;
}

这似乎不正确，如何选择禁用按钮和正常按钮？

我和n孩子有一个div 。我需要选择第二个元素，之后每三个元素，如下所示：

2, 5, 8, 11, 14, etc.

我在想这是类似于div.someclass:nth-child(2n+2).

假设我有这个无序列表：

<ul>
   <li class="item"></li>
   <li class="item"></li>
   <li class="item"></li>
   <li class="placeholder"></li>
</ul>

我正在做一些.item可以排序的排序，如果它是列表中的最后一个 .item，它将被移动到其他列表。我会经常使用，:last-child但是如果那里有一个.placeholder元素，它不会像它应该的那样识别最后一个项目，而是认为由于占位符，该项目不是最后一个。我怎么能让它只选择最后一个.item？

我正在尝试使用通配符：

#room-userlist-user-username

我想要通配符的空间，这可能吗？

我尝试了多种方法来解决此问题，但无法找到解决方案。

• 请注意，这是与时尚一起使用的，因此我无法添加 HTML。

在css中的两个类标识符之间添加空格有意义吗？

.class1.class2
.class1 .class2

我知道 CSS 选择器之间的空格表示嵌套。例如，.funny p将选择“funny”类元素内的所有段落元素，我同样（从这个逻辑）期望div .funny选择 div 标签内的所有“funny”元素。但是，我实际上从未在任何记录的示例中看到这种形式的嵌套选择器，但在div.funny形式中看到了相当多的选择器。这是什么div的简单简写。有趣的会传达，或者实际上我在这里遗漏了一个微妙的区别？谢谢！

用什么计算的规则:nth-child()？这只是一个错误吗？

.info_row:nth-child(even) {
  background: orange
}

<div>
  <h2>Title</h2>
  <div class="info_row">
    <div>Category:</div>
    <div>data</div>
  </div>
</div>

如果我用div.info_rowother换行<div>或删除<h2>它很明显，那.info_row:nth-child(even)是在<h2>没有.info_row类的情况下计算的。

我正在使用nth-child选择器为不同的社交添加边框颜色list-group-item。我究竟做错了什么？

    .list-group-item:nth-child(1) {
    	border-right: 3px solid yellow;
    }
    
    .list-group-item:nth-child(2) {
    	border-right: 3px solid red;
    }
    
    .list-group-item:nth-child(3) {
    	border-right: 3px solid green;
    }
    
    .list-group-item:nth-child(4) {
    	border-right: 3px solid blue;
    }
    
    .list-group-item:nth-child(5) {
    	border-right: 3px solid lime;
    }
    
    .list-group-item:nth-child(6) {
    	border-right: 3px solid red;
    }

   <div class=" col-xs-12 col-sm-6 col-md-4 col-lg-6">
    	<div class="views-field views-field-title">
    		<span class="field-content list-group-item">Yahoo<a href="/app/wall/content/"></a></span>
    	</div>
    </div>
    
    <div class=" col-xs-12 col-sm-6 col-md-4 col-lg-6">
    	<div class="views-field views-field-title">
    		<span class="field-content list-group-item">Googke<a href="/app/wall/content/"></a></span>
    	</div>
    </div>

我想提取我尝试过的所有<li>元素文本<ul>

elem = driver.find_elements_by_xpath(("//div[@class='left width50']/p/b/ul"))
len(elem)

给出 '0' 或空列表。

这是 html 源代码

<div class="left width50">
                            <p><b>Features:</b></p>
                            <ul>
                                    <li>Easy spray application</li>
                                    <li>Excellent bonding properties</li>
                                    <li>Single package</li>
                                    <li>Mixed with clean potable water at job site</li>
                            </ul>
                        </div>

这里是网站的链接

有什么建议怎么办？

我不知道从哪里获取最后一个定位器 div

我尝试按Get Element Countin计算元素，div但它只有 1

示例 html

<div class="add-product"
 <p data-aura-rendered-by="188:14729;a">
  <span data-aura-rendered-by="191:14729;a">01-January</span>
 <p data-aura-rendered-by="195:14729;a">
  <span data-aura-rendered-by="198:14729;a">02-February</span>
 <p data-aura-rendered-by="230:14729;a">
  <span data-aura-rendered-by="233:14729;a">07-July</span>
 </p>
</div>

我需要div在div（7 月 7 日）计算所有元素或获取最后一个位置，但每次div包含不同数量的元素（这取决于测试数据）。