标签: css-tables

我有一个表，并且有一个用于 tr:hover 效果的全局 css 代码。但有时我不想在我的桌子上使用这种悬停效果。请查看代码并告诉我如何不在该表上运行效果。JSFIDDLE。这里有一个css id。它的名称是产品表。我没有清除这个CSS。IT 规则。

#product-table > tbody > tr { cursor:pointer; }
#product-table > tbody > tr:hover { background:#eee; }

.nohover > tbody > tr { cursor:default !important; }
.nohover > tbody > tr:hover { background:inherit !important; }

.green_bg { background-color:#090; }

我正在尝试在一个 html 页面上选择一个特定的表格，以使用 css 进行格式化。我不希望其他地方的任何其他表格（包括同一页面上的表格）以这种方式格式化。

我在标题中尝试了这个，但没有成功-

<style>
    #table3 {
        td,th { padding: 10px }
        tr:hover { background-color: #f5f5f5 }
    }
</style>

<table id="table3">
...
</table>

我正在为我的 MMO RPG 游戏制作我的物品法典……我完成了数据加载器的设置，该加载器设置了包含我的物品数据的表格。

一切看起来都很好，除了我实例化我的项目信息的表格居中。

因为它是动态的，它的居中是基于单元格中文本/数据的长度，这导致了下图中这种丑陋的效果。

我试图找到一种方法，通过连接两侧的边框将表格居中，如图所示，红色边框是它应该放置的位置，但不是。

我可以达到这种效果的最佳方法是什么？

在此处查找实时 URL 版本。

我试图让我的表数据在悬停在表行上时改变颜色。那可能吗？我尝试到处搜索，但似乎没有一个符合我的描述。

我只想当我将鼠标悬停在表格行上时更改“Hello World”的颜色。因此，当我将鼠标悬停在表行中的任何位置时，只有表数据“Hello World”会改变颜色。

table tr:hover {
  color: white
}

<table>
  <tbody>
    <tr>
      <td> Hello World </td>
      <td> Greetings </td>
    </tr>
  </tbody>
</table>

是否可以在CSS中为表格单元格或其内容提供圆角边缘.

我没有包含代码,因为它只是一张空白表.