gpt4 book ai didi

html - CSS:选择具有特定类的最后一个 div

转载 作者:行者123 更新时间:2023-11-28 13:59:02 29 4
gpt4 key购买 nike

<分区>

<ul>
<li class="class1">
<div class="custom">text1</div>
</li>
<li class="class1">
<div class="custom">text2</div>
</li>
<li class="class1">
<div class="custom">text3</div>
</li>
<li class="class1">
<div>text4</div>
</li>
<li class="class1">
<div>text5</div>
</li>
</ul>

如何选择最后divclass="custom" ?我必须添加 border-bottomdiv与文本3。我试过:

.class1 .custom:last-of-type {
border-bottom: 1px solid;
}

...但是然后border-bottom添加到所有 divclass="custom" .我只需要 CSS 解决方案,不需要 JS。也可能有任意数量的 <li>所以我不能使用 :nth-child() .

更新:此布局由 Prime NG 组件生成 <p-autocomplete>代码是:

<p-autocomplete ....>
<ng-template let-item pTemplate="item">
<div [ngClass]="{'custom'}: item.isCustom">
{{item.name}}
</div>
</ng-template>
</p-autocomplete>

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