影響我網站中所有表格的CSS，如何避免這種情況？

Question

我的問題是我有一個表的CSS，但似乎會影響我網站上的所有其他表。

CSS代碼示例：

tr:last-child td:last-child {
  border-bottom-right-radius:3px;
}
/*effects map*/
td {
 background:#555;

還有一些HTML示例：

<table class="table table-condensed table-striped">
        <tbody>
        <tr class="accordion-toggle">


            <td class="firstColumn">data1</td>
            <td class="secondColumn">data2</td>

Answer 1

在要應用此特定CSS的表上放置一個類，然后重寫CSS以使其看起來像這樣：

.mySpecialTable tr:last-child td:last-child {
  border-bottom-right-radius:3px;
}
/*effects map*/
.mySpecialTable td {
 background:#555;

更多： https ： //coolestguidesontheplanet.com/getting-selective-css-styling/

Answer 2

這應該為您工作：

.accordion-toggle tr:last-child td:last-child {
  border-bottom-right-radius:3px;
}
/*effects map*/
.firstColumn td {
 background:#555;
}