如何在 CSS sheet 中设置 wiki table 格式 class？

Question

我正在尝试为我正在构建的 wiki 上的 table 设置格式 class，但我在非常初级的 CSS 上遇到了困难知识。按照在线教程，我尝试在 CSS sheet 中创建一个 .navbox class 并更改 table、th 和 td 的设置，但我遇到了一条错误消息。

据我所知：

.navbox {
    border: 2px solid black;
    th {
        background-color: gray;
    }
}

Fandom 的内置编译器在 "th" 行给出了一条错误消息 "expected COLON at line 3, col 8"，在最后一行给出了一条错误消息 "unexpected token '}' at line 6, col 1".

我想做这个table：https://aeon14.fandom.com/wiki/Template:New_Canaan_system

...看起来像这样：https://memory-beta.fandom.com/wiki/Template:Ships_named_Enterprise

Answer 1

我看到你使用了一些 SCSS 语法而不是 CSS

试试这个：

.navbox {
    border: 2px solid black;
}
.navbox th {
    background-color: gray;
}

Answer 2

请检查此代码并在您的代码中实现它，并根据需要更改 CSS 中的颜色值。

#customers {
  border-collapse: collapse;
  width: 100%;
}

#customers td, #customers th {
  border: 1px solid #ddd;
  padding: 8px;
}

#customers tr:nth-child(even){background-color: #f2f2f2;}

#customers tr:hover {background-color: #ddd;}
#customers thead th{
  background-color: gray;
}
#customers tbody th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #d7d7d7;
  color: white;
}

<table id="customers">
  <thead>
  <tr>
    <th>Company</th>
    <th>Contact</th>
    <th>Country</th>
    </tr>
  </thead>
  <tbody>
  <tr>
    <th>Alfreds Futterkiste</th>
    <td>Maria Anders</td>
    <td>Germany</td>
  </tr>
  <tr>
    <th>Berglunds snabbköp</th>
    <td>Christina Berglund</td>
    <td>Sweden</td>
  </tr>
  <tr>
    <th>Centro comercial Moctezuma</th>
    <td>Francisco Chang</td>
    <td>Mexico</td>
  </tr>
  <tr>
    <th>Ernst Handel</th>
    <td>Roland Mendel</td>
    <td>Austria</td>
  </tr>
  <tr>
    <th>Island Trading</th>
    <td>Helen Bennett</td>
    <td>UK</td>
  </tr>
  <tr>
    <th>Königlich Essen</th>
    <td>Philip Cramer</td>
    <td>Germany</td>
  </tr>
  <tr>
    <th>Laughing Bacchus Winecellars</th>
    <td>Yoshi Tannamuri</td>
    <td>Canada</td>
  </tr>
  <tr>
    <th>Magazzini Alimentari Riuniti</th>
    <td>Giovanni Rovelli</td>
    <td>Italy</td>
  </tr>
  <tr>
    <th>North/South</th>
    <td>Simon Crowther</td>
    <td>UK</td>
  </tr>
  <tr>
    <th>Paris spécialités</th>
    <td>Marie Bertrand</td>
    <td>France</td>
  </tr>
  </tbody>
</table>

如何在 CSS sheet 中设置 wiki table 格式 class？

How do I set up a wiki table formatting class in a CSS sheet?

css

wiki