Html 更改一个表类的th、td标记的CSS会更改所有其他表

Html 更改一个表类的th、td标记的CSS会更改所有其他表,html,css,html-table,Html,Css,Html Table,我试图调整一组表类上的填充,但我正在应用的更改会出现在所有其他表上。以下是我的css: .my_table th, td{ font-size: 14px; padding-bottom: 2em; } 下面是该表的相关html: <table border="1" class="dataframe table my_table"> <tbody> <tr> <th>somethingsomething<

我试图调整一组表类上的填充,但我正在应用的更改会出现在所有其他表上。以下是我的css:

.my_table th, td{
   font-size: 14px;
   padding-bottom: 2em;
}
下面是该表的相关html:

<table border="1" class="dataframe table my_table">
  <tbody>
    <tr>
      <th>somethingsomething</th>
      <td>somethingsomething</td>
    </tr>
    <tr>
      <th>somethingsomething</th>
      <td>somethingsomething</td>
    </tr>

某物某物
某物某物
某物某物
某物某物

您需要将.my_table类也放到td元素中

.my_table th, .my_table td{
  font-size: 14px;
  padding-bottom: 2em;
}

您需要将.my_table类也放到td元素中

.my_table th, .my_table td{
  font-size: 14px;
  padding-bottom: 2em;
}

如果您只想更改CSS,而不想对html进行任何更改,那么下面的内容可能适合您,我在CSS中添加了黄色,因此很明显发生了什么

table.my_table tr{
字体大小:14px;
垫底:2米;
背景颜色:黄色;
}
表A
某物某物
某物某物
某物某物
某物某物
表B
某物某物
某物某物
某物某物
某物某物

如果您只想更改CSS,而不想对html进行任何更改,以下内容可能适合您,我已将黄色添加到CSS中,因此发生的情况非常明显

table.my_table tr{
字体大小:14px;
垫底:2米;
背景颜色:黄色;
}
表A
某物某物
某物某物
某物某物
某物某物
表B
某物某物
某物某物
某物某物
某物某物

,td
的基本意思是“并选择所有
td
标记”,而不是“选择类为
的元素中的td标记。my_table
”您需要将类名添加到要向其添加css的“th”标记和css中:”。my_table classname{……css code……}
,td
的基本意思是“并选择所有
td
标记”,而不是“选择类为
的元素中的td标记。my_table
”您需要将类名添加到要向其添加css的“th”标记和css中:'。my_table classname{….css code….}