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

他の人が言っているように、クラス名を＃で始めることはできません。また、「テーブル」プレフィックスを削除するか、trにあるプレフィックスをtr.classnameに変更する必要があります。

于 2013-01-30T18:06:46.567 に答える
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 に答える