css - 缩进或填充表列内容

标签 css padding

我希望缩进表格列的内容,但不是表格标题行的内容。我在另一个线程上找到了一些代码,它解决了只需要填充某些列的问题,但这也会填充表格标题行。

/* first column */
td:first-child {
padding-left: 20px;  
}

/* second column */ 
td:first-child + td {
padding-left: 10px;  
}

/* third columns */ {
td:first-child + td + td {
padding-left: 0;  
}

最佳答案

在 HTML 的标题行中使用 TH 标签而不是 TD 标签。

关于css - 缩进或填充表列内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13674952/

相关文章:

css - 为什么我的填充物不只从第一个 child 身上移除

c - "Strong"通过单元素结构输入 C。编译器会做什么?

Jquery Accordion 小部件 - 删除图标和填充

JQuery:获取页面刷新时的滚动位置

javascript - 如何内联或通过 javascript 设置 css3 动画?

php - 悬停时仅在图像上显示文字 - wordpress 主题

html - 100% 宽度弄乱了填充

android - android中复选框的复选标记图像的间距

html - CSS Clear导致div之间的空间

html - 当您在 html 中链接图像时,它会在右下角留下这个蓝色的超链接像素吗?