jquery - 在表格标题中应用不同的样式

Question

我有一张 table

<table class="historystyle" >
  <tr>
    <th > name</th>
    <th >location</th>
    <th > job</th>
    <tr>
</table>

在 name 标题中，我不想应用 background-image 样式，所以我将它放在一个 div 元素中并设置 style="background-image:无；

但它不工作。name 标题仍然显示 backgorund 图像。我的代码有什么问题..请帮忙

<table class="historystyle" >
  <tr>
   <th><div style="background-image: none; ">name</div></th>
    <th>location</th>
    <th> job</th>
    <tr>
</table>

风格

.historystyle th{
  border: 1px solid black;
  background-image: url(../images/bg.gif);
  cursor: pointer;
}

Answer 1

您需要将您的 style="background-image: none" 应用到 th 本身:

<table class="historystyle" >
  <tr>
   <th style="background-image: none">name</th>
    <th>location</th>
    <th> job</th>
    <tr>
</table>

将它应用于 div 不会影响 th 的显示方式。默认情况下，(大多数)HTML 元素是透明的，因此 div 没有背景，但您可以直接看到 th，它仍然有背景。