5

我正在尝试使用自定义 CSS 制作表格，但我不知道自己做错了什么。以前做过，但由于某种原因，我无法让该死的 CSS 显示出来……只是显示一个没有样式的空白表格。

CSS：

table.300yardsTable{background:#EEE;color:#333;font-size:14px;text-align:center;}
table.300yardsTableHeader tr{background:#CCC;font-weight:bold;}
table.300yardsRow tr{background:#EEE;color:#333;}
table.300yardsRow:hover tr{background:#242424;color:#CCC;}

桌子：

<table width="600" border="1" align="center" cellpadding="2" cellspacing="2" class="300yardsTable">
<tr class="300yardsTableHeader">
    <td width="25%">LOFT</td>
    <td width="25%">HAND</td>
    <td width="25%">LIE</td>
    <td width="25%">VOLUME</td>
</tr>
<tr class="300yardsRow">
    <td>8*-12*</td>
    <td>RH/LH</td>
    <td>61*</td>
    <td>460cc</td>
</tr>
</table>
4

6 回答 6

7

您的 css 错误，课程在 tr 上，而不是在桌子上。

tr.yardsTableHeader tr{background:#CCC;font-weight:bold;}
tr.yardsRow {background:#EEE;color:#333;}
tr.yardsRow:hover{background:#242424;color:#CCC;}

从类名中删除#

于 2013-01-30T18:02:27.857 回答
4

您不能以数字开头的 css 类名。所以 300yearsTableHeader 是一个无效的名称

规范对此提供了更多信息。

于 2013-01-30T18:02:21.847 回答
3

我相信您不能使用数字来启动 CSS 属性。尝试使用.yardsTable而不是.300yardsTable.

于 2013-01-30T18:03:17.977 回答
1

您不能以 . 开头class的名称integer。在这里查看小提琴。

于 2013-01-30T18:06:43.540 回答
0 
.300yardsTable {background:#EEE;color:#333;font-size:14px;text-align:center;}

    .300yardsTable .300yardsTableHeader {background:#CCC;font-weight:bold;}

    .300yardsTable .300yardsRow {background:#EEE;color:#333;}
         .300yardsTable .300yardsRow:hover {background:#242424;color:#CCC;}

Css 选择器名称不能以数字开头。

于 2013-01-30T18:04:54.063 回答
0

正如其他人所提到的，您不能以#开头的类名。此外，需要删除“表”前缀或使用 tr.classname 更改 tr 上的前缀

于 2013-01-30T18:06:46.567 回答