改变 TablePress 中默认的交替行背景颜色设置

WordPress 表格插件 TablePress 内置了一些默认的表格样式。比较常用的就是交替变换连续行的背景颜色使得表格阅读比较方便。在表格选项里可以启用该特色。默认的交替颜色值是奇数行为灰色,偶数行为表格默认底色(白色)。表格发布者可以方便的通过 TablePress 内置的自定义 CSS 样式功能改变默认颜色设置。

可以使用类似下面的自定义 CSS 样式表(/* */ 内部是注释):

.tablepress .odd td { /* 奇数行背景色 */
	background-color: #ff0000; /* 此颜色值为示例,红色 */
}
.tablepress .even td { /*偶数行背景色 */
	background-color: #00ff00; /* 此颜色值为示例,绿色 */
}

可以同时改变奇数行(odd)和偶数行(even)的背景色。不过一般情况下只需要修改奇数行(odd)背景色,而偶数行保持表格本来的底色即可。

直接修改上面提供的示例中的颜色值,然后将这几行代码添加到自定义样式文本框中并保存即可。

如果只想将这种改变应用于某个特定的表格,使用 .tablepress-id-N(这里 N 应该用该表格的 ID 替换)做为选择器替换掉上面示例样式代码中的 .tablepress,即,

.tablepress-id-N .odd td { /* 奇数行背景色 */
	background-color: #ff0000; /* 此颜色值为示例,红色 */
}
.tablepress-id-N .even td { /*偶数行背景色 */
	background-color: #00ff00; /* 此颜色值为示例,绿色 */
}

表格的 ID 可以在 WordPress 后台 TablePress 中的“所有表格”页面中查到(每行前面的一格中的数字就是)。这样一来,所设定的样式就只对该表格生效,而网站中别的 TablePress 表格还使用默认的交替变换连续行的背景颜色值(灰色:rgb(249, 249, 249);白色:rgb(255, 255, 255))。

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

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

2 条关于 “改变 TablePress 中默认的交替行背景颜色设置” 的评论

雁过留声,人过留名

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

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