TablePress FAQ:如何更改表格标题行(第一行)的背景色

WordPress 表格插件 TablePress 提供了方便的自定义 CSS 功能来满足不同表格、不同场合的样式需求。作为示例,这里介绍了如何使用 TablePress 内建的 CSS 类(样式选择器)来针对站点中全部或者某个特定的 TablePress 表格更改表格标题行,也就是第一行的背景颜色。同时也给出了排序时鼠标悬停在标题行时的背景色,即排序时选中列的背景色的设置方法。

如果还不清楚怎么使用 TablePress 中的自定义样式,可以参考指定 TablePress 表格某行/某列的背景色,这里有详细的操作说明。

使用下面自定义 CSS 样式:

.tablepress thead th,
.tablepress tfoot th {
	background-color: #ff0000;
}

如果还要更改排序时鼠标悬停在标题行时的背景色,即排序时选中列的背景色,增加使用下面的自定义 CSS 样式:

.tablepress thead .sorting_asc,
.tablepress thead .sorting_desc,
.tablepress thead .sorting:hover {
	background-color: #00ff00;
}

上面给出的 CSS 样式中,都使用了 .tablepress 类来作为样式选择器,也就是说,只要表格的 HTML 代码(由 TablePress 自动生成,或者你自己手工编写的 HTML 表格)时给 <table> 应用了 .tablepress 类,那么这些样式就设置就适用于该表格。

那么,如果只想将这些样式应用于网站中某个特定的表格,而不是所有 TablePress 表格呢?

只需要将上面的 CSS 代码中的 .tablepress 替换成携带了该表格 ID 信息的类就可以了,如:

.tablepress-id-N

其中,N 需要替换为该表格的 ID。关于 ID,请查阅 TablePress 文档:简码中对于 ID 的说明。

如果需要关于 TablePress 的其它帮助,请访问 TablePress 中文页面获取更多信息。TablePress 常见问题页面还有更多自定义 CSS 样式的示例及其他问题的解决方法,欢迎查阅。©

本文发表于水景一页。永久链接:<http://cnzhx.net/blog/tablepress-faq_change-background-color-of-head-row/>。转载请保留此信息及相应链接。

雁过留声,人过留名

您的电子邮箱地址不会被公开。 必填项已用 * 标注

特别提示:与当前文章主题无关的讨论相关但需要较多讨论求助信息请发布到水景一页讨论区的相应版块,谢谢您的理解与合作!请参考本站互助指南
您可以在评论中使用如下的 HTML 标记来辅助表达: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>