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;
}