gpt4 book ai didi

html - 为什么我不能选择类为 'offer' 的第一个 div?

转载 作者:行者123 更新时间:2023-11-28 04:21:53 26 4
gpt4 key购买 nike

我正在尝试使用类 offer 设置第一个 div 的背景颜色。我认为 .offer:first-child 可以解决问题,但这行不通。

我也尝试过使用 :nth-child(1),但这也不起作用。

非常感谢任何建议。

我的 fiddle :http://jsfiddle.net/MNQar/

CSS

.offer:first-child { background-color: indianred; }

.special-offers .title,
.special-offers .offer,
.special-offers .more {
height: 200px;
}
[class*="column"] {
display: inline;
float: left;
margin: 0;
}
.column2 { width: 190px;}
.column3 { width: 285px;}

HTML

<div class="row row-spacer special-offers">
<div class="column2 title">
<h2>Offers</h2>
</div>
<div class="column3 offer padding">
<div class="date">10. June</div>
<h3>Høyer tømmer lageret!</h3>
</div>
<div class="column3 offer padding">
<div class="date">10. June</div>
<h3>Super salg hos Vivikes</h3>

</div>
<div class="column1 more">
<div class="caret"></div>
<a href="#">More offers</a>
</div>
</div>

最佳答案

.offer:first-child 表示“具有类 'offer' 的元素是其父元素之下的第一个子元素”,而不是“具有类 'offer' 的第一个子元素”。

我相信您必须重新考虑如何执行此操作。例如,将一个单独的类附加到第一个 child 或其他东西,然后使用像 .offer.highlight 这样的选择器。

关于html - 为什么我不能选择类为 'offer' 的第一个 div?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17644550/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com