我正在嘗試在 .
下面是 HTML 的樣子：
<div class="cn-list-body">
<!-- FIRST ITEM -->
<div class="cn-list-row cn-list-item vcard individual marketing cn-gridder-item">
<div class="cn-gridder-thumb">
<span class="cn-image-style">
<span style="display: block; max-width: 100%; width: 360px">
<img height="360" width="360" sizes="100vw" class="cn-image photo" srcset="/img/avatar-photo-1.jpg" loading="lazy">
</span>
</span>
</div>
</div>
<!-- SECOND ITEM -->
<div class="cn-list-row cn-list-item vcard individual marketing cn-gridder-item">
<div class="cn-gridder-thumb">
<span class="cn-image-style">
<span style="display: block; max-width: 100%; width: 360px">
<img height="360" width="360" sizes="100vw" class="cn-image photo" srcset="/img/avatar-photo-2.jpg" loading="lazy">
</span>
</span>
</div>
</div>
</div>
我所做的是像這樣選擇它：
.cn-list-row .cn-list-item:first-child:before img{
content: '';
background-image: url('https://backtowuve.com/wp-content/uploads/2021/01/wuve-logo.png');
width: 100px;
height: 100px;
z-index: 9999;
position: absolute;
top: 120px;
right: 50px;
}
然而這并沒有奏效。如何選擇第一個孩子并添加如下圖所示的徽標：
uj5u.com熱心網友回復：
.cn-list-row:first-child .cn-list-item:before img {
content: '';
background-image: url('https://backtowuve.com/wp-content/uploads/2021/01/wuve-logo.png');
width: 100px;
height: 100px;
z-index: 9999;
position: absolute;
top: 120px;
right: 50px;
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/410104.html
標籤：
上一篇：如何獲取DOM元素的變換矩陣？
下一篇：您如何使用BS4正確搜索？