WordPress 表格插件 TablePress 提供了方便的自定义 CSS 功能来满足不同表格、不同场合的样式需求。使用 TablePress 内建的 CSS 类(样式选择器),同时配合合适的 CSS 样式规则,可以随意呈现不同的表格外观。
如果不清楚怎么使用 TablePress 中的自定义样式,可以参考指定 TablePress 表格某行/某列的背景色,这里有详细的操作说明。
TablePress 内建的 CSS 样式选择器中最重要的就是 .tablepress
了,它是每个由该插件产生的表格都会使用的 CSS 类。所以如果你想将某些样式应用于网站中的所有 TablePress 表格,就是用这个类,从而使得这些样式不至于影响到那些不是由 TablePress 产生的表格。
如果不想将样式应用于所有 TablePress 表格,而只是想针对某个特定的表格,就应该使用.tablepress-id-N
,其中 N
是该表格的 ID。
很多情况下可能需要针对某个特定的单元格进行样式设定,那么相应的 CSS 样式看起来应该是这样:
.tablepress-id-N tbody td { property1: value1; property2: value2; }
(property1
和 property2
只是做演示用,应根据需要将其替换为合法的需要调整的 CSS 属性。)
如果你有一些 HTML 和 CSS(Cascading Style Sheets,层叠样式表) 的基础知识,应该很容易利用这些样式选择器搭配出五彩缤纷的表格来。
如果需要关于 TablePress 的其它帮助,请访问 TablePress 中文页面获取更多信息。TablePress 常见问题页面还有更多自定义 CSS 样式的示例及其他问题的解决方法,欢迎查阅。如有问题,请参考文档,或者到讨论区相应版块提问。©
本文发表于水景一页。永久链接:<http://cnzhx.net/blog/tablepress_faq-css-selectors/>。转载请保留此信息及相应链接。