Html 更改一个表类的th、td标记的CSS会更改所有其他表
我试图调整一组表类上的填充,但我正在应用的更改会出现在所有其他表上。以下是我的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<
.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….}