Question

我有一张像

这样的表格

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

name标题中的

我不想应用background-image样式，所以我把它放在div元素中并设置style="background-image: none;

但它不起作用.name标题仍显示backgorund image。我的代码有什么问题..请帮忙

<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，它仍然具有背景。

Answer 2

首先，您的第二个tr代码应为/tr。现在尝试以下CSS代码：

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

/* add this */
.historystyle th:first-of-type {
    background-image: none;
}

这会使th中的第一个出现的.historystyle元素显示为没有背景图片。我做了一个快速测试，使用背景颜色而不是图像来验证这是否有效over here。

在表头中应用不同的样式

2 个答案: