TablePress 常见问题:如何高亮单元格

WordPress 表格插件 TablePress 提供了方便的自定义 CSS 功能来满足不同表格、不同场合的样式需求。作为示例,这里介绍了如何使用 TablePress 内建的 CSS 类(样式选择器)来高亮某个特定的 TablePress 表格的某个/某些单元格,或者高亮单元格中的内容的方法。

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

前面曾经介绍了指定表格中特定行或者列的背景色的方法。在该方法的进阶设定的基础上,如果知道这个单元格所在的行号和列号,可以使用下面的自定义 CSS 来高亮由行号和列号交叉指定的单元格:

.tablepress-id-N .row-X .column-Y {
	background-color: #ff0000;
}

(其中 N(表格 ID)、X(行序号)和 Y(列序号)应该根据需要调整。

如果不知道行号或者列号(或者某些情况下它们会根据情况发生变化,又或者你有多个单元格需要同时调整)此时需要使用 HTML 标签 <span>,并为它创建一个新的 CSS 类,然后将相应表格的内容用 span 包起来,例如

<span>需要高亮的单元格内容</span>

然后创建合适的自定义 CSS,例如

.tablepress .highlight {
	color: #ff0000;
}

上面的自定义样式之所以在 .hightlight 前面加上 .tablepress,是为了防止该样式被应用于 TablePress 表格之外的别的地方。

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

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

雁过留声,人过留名

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

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