我有這個原理圖：
<div class="fila">
<div class="dos_tercios">
<article>
......
</article>
</div>
<div class="un_tercios">
<article>
......
</article>
</div>
</div>
<div class="fila">
<div class="un_tercios">
<article>
......
</article>
</div>
<div class="dos_tercios">
<article>
......
</article>
</div>
</div>
我想用橙色繪制每個 .fila 類的第一篇文章，或者換句話說，左側文章（這是因為在此之后我必須為右側文章和左側文章添加不同的邊距）（觀看圖片）
我一直在嘗試這個：
article:nth-child(odd){
background-color: rgb(255, 177, 113);
}
uj5u.com熱心網友回復：
您可以使用以下代碼進行檢查：
.fila > div:nth-child(1) > article {
background-color: rgb(255, 177, 113);
}
由于article不是元素的直接子.fila元素，所以我們需要通過.fila > div:nth-child(1)呼叫獲取第一個子> article元素來獲取預期的文章元素
.fila > div:nth-child(1) > article {
background-color: rgb(255, 177, 113);
}<div class="fila">
<div class="dos_tercios">
<article>
A1......
</article>
</div>
<div class="un_tercios">
<article>
A2 ......
</article>
</div>
</div>
<div class="fila">
<div class="un_tercios">
<article>
B1......
</article>
</div>
<div class="dos_tercios">
<article>
B2 ......
</article>
</div>
</div>uj5u.com熱心網友回復：
你可以嘗試這樣的事情，
.fila div:nth-child(1) {
background-color: rgb(255, 177, 113);
}<div class="fila">
<div class="dos_tercios">
<article>
......
</article>
</div>
<div class="un_tercios">
<article>
......
</article>
</div>
</div>
<div class="fila">
<div class="un_tercios">
<article>
......
</article>
</div>
<div class="dos_tercios">
<article>
......
</article>
</div>
</div>uj5u.com熱心網友回復：
.fila article:first-of-type {
background-color: rgb(255, 177, 113);
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/534719.html
標籤：网页格式CSS反应灵敏
上一篇：PowershellGet-LocalGroupMember將計算機名稱添加到$._Name因此無法與txt檔案進行比較