我在代碼庫中有兩個 css 類，我不確定為什么選擇一個而不是另一個，我認為我的第二個的特異性更強。有人能解釋一下嗎？
它選擇的 CSS 類是 -
td, th, table { border-collapse: collapse; border: 1px solid #999; }
我希望它使用的 CSS 是 -
table.cancellation { border: none; }
我認為第二個有一個類選擇器，它會有更強的特異性，為什么我錯了？
uj5u.com熱心網友回復：
您正在覆寫table的樣式，而不是cells。
在第一個表中，所有內容都有一個紅色邊框。
在第二個表格中，表格有一個藍色邊框，但由于已設定， &border-collapse:collapse的紅色出現在其上方。tdtd
在第三個表中，border-collapse設定為separate，您可以看到該表確實有一個藍色邊框。
在最后一個表格中， 和 的樣式td也th被覆寫 - 給出了一個無邊框表格。
th,
td,
table {
border-collapse: collapse;
border: 1px solid red;
margin-bottom:1rem;// just for looks
}
table.table {
border-color: blue
}
table.separate{
border-collapse:separate;
}
table.none,
table.none th,
table.none td{
border:none
}<table>
<tr>
<th>
Head
</th>
<td>
cell
</td>
</table>
<table class = "table">
<tr>
<th>
Head
</th>
<td>
cell
</td>
</table>
<table class = "table separate">
<tr>
<th>
Head
</th>
<td>
cell
</td>
</table>
<table class = "table none">
<tr>
<th>
Head
</th>
<td>
cell
</td>
</table>uj5u.com熱心網友回復：
td, th, table { border-collapse: collapse; border: 1px solid #999; }
如果類是在之后撰寫的，則 CSS 從上到下讀取
table.cancellation { border: none; }
然后它將采用代碼中最后一個的屬性！
如果不是這種情況，那么您可以使用“border：none！important”，因為它在其他所有內容中排名最高
如果這兩種方法都不起作用，那么我建議您向我展示更大的圖片，如在您的相關 HTML 中的型別和 div 的完整 CSS
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/446910.html
標籤：css
上一篇：如何使我的標題布局是這樣的？