如何让特定的 TD 不继承表格的 CSS 样式?
我应该如何使最右边的列完全没有任何背景?
table {
font-family:Arial, Helvetica, sans-serif;
color:#666;
font-size:12px;
text-shadow: 1px 1px 0px #fff;
background:#eaebec;
margin:20px;
border:#ccc 1px solid;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
-moz-box-shadow: 0 1px 2px #d1d1d1;
-webkit-box-shadow: 0 1px 2px #d1d1d1;
box-shadow: 0 1px 2px #d1d1d1;
}
就目前而言,即使我将其背景设置为透明,背景#eaebec 也会显示在最右边的 TD 上。
感谢所有帮助。
最佳答案
#eaebec
是表格背景。
你有两个解决方案,
解决方案一:
从表格中删除背景并执行:
td{
background: #eaebec;
}
td:last-of-type{
background: none;
}
方案二:
只为每个最后一个 TD 的背景设置样式
td:last-of-type{
background: #eaebec;
}
关于html - 如何定位最后一个 TD 细胞?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36491041/