如何更改 wiki Fossil (fossil-scm) 中单元格的背景颜色？

Question

静态设置颜色为：

<table>
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td bgcolor="#FF0000">January</td>
    <td bgcolor="#00FF00">0</td>
  </tr>
</table>

但是如何动态更改单元格的背景颜色，例如，当您将鼠标悬停在 table 下方的文本上时？

Answer 1

欢迎来到 SO :)

与其说是 Fossil 问题，不如说是 CSS 问题。

要在悬停时更改单元格（或任何其他元素）的背景颜色，您可以使用如下方法：

<style>
 td.hovercolour {
   background-color: #00FF00;
 }
 td.hovercolour:hover {
   background-color: yellow;
 }
</style>
<table>
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td bgcolor="#FF0000">January</td>
    <td class="hovercolour">0</td>
  </tr>
</table>

请注意，要使 CSS 起作用，table 单元格已被赋予 class 而不是硬编码颜色值。 class只是为了说明起见叫做'hovercolor'，只要以字母开头即可。对于任何具有 class 的元素，浏览器将期望该 class 的样式声明。此示例中的声明告诉浏览器使用 'psuedo-selector' 在悬停时更改样式（背景颜色）。如果你需要用 mouseovers/etc 做任何花哨的事情，CSS selectors/psuedo-selectors 可能会在你需要诉诸 JavaScript.

之前帮助你完成大部分工作。

在此示例中，样式表是内联的。如果您想在化石的多个页面上使用相同的 style/CSS 而无需大量复制和粘贴，则需要通过复制当前使用的皮肤来创建新皮肤（这会减少麻烦不仅仅是编辑当前皮肤），然后在皮肤的 CSS 页面上添加您的样式声明，并将您的 CSS classes/IDs 添加到您的维基页面中的 HTML 元素或通过编辑相关页面的模板（例如在管理面板的工单设置页面）。

使用 Web 界面编辑和绘制皮肤 easy/entirely 无痛，但如果您更喜欢桌面 IDE 那么 Fossil 网站上有一些关于使用文件而不是 Web 界面绘制的注意事项（'Suggested Skin Customization Procedure' 在 'Theming' 页面底部）。

如何更改 wiki Fossil (fossil-scm) 中单元格的背景颜色？

How can I change the background color of a cell in a wiki Fossil (fossil-scm)?

html

fossil