在HTML中,table元素中的th是表头,一般用于标识一列数据的含义。在样式设计中,经常需要对th进行样式设置。这时就需要使用CSS的选择器对th进行样式设置了。
/* 所有th样式设置 */ th { background-color: yellow; font-weight: bold; text-align: center; } /* 指定某个table中的th样式设置 */ #my-table th { background-color: green; color: white; } /* 指定某个table中的某列th样式设置 */ #my-table th:nth-child(2) { background-color: red; }
以上代码分别演示了针对所有th、指定某个table中的th、指定某个table中的某列th进行样式设置的方法。
通过CSS的选择器,可以对th进行更加具体的样式设置,使表格更加美观、易读。