如果您想为页面上的所有表使用相同的备用行底纹，以下代码很有效：
<style>
table {
border-collapse: collapse;
width: 100%;
}
th, td {
text-align: left;
padding: 8px;
}
tr:nth-child(even) {background-color: #f2f2f2;}
</style>
但我只希望我的一张桌子有这种替代阴影。我以为我可以用“.floatedTable”替换名称“table”来将阴影应用到带有 class='floatedTable' 的表格，但它没有做任何事情。
我更喜欢这样做的方式是找到一些可以写在里面的东西
如果您希望样式仅按类应用于某个表，则应将 TH 嵌套在该类定义中：
<style>
.floatedTable{
border-collapse: collapse;
width: 100%;
}
.floatedTable th, .floatedTable td {
text-align: left;
padding: 8px;
}
.floatedTable tr:nth-child(even) {
background-color: #f2f2f2;
}
</style>
当你开始学习 SCSS 时，你会这样做：
.floatedTable {
border-collapse: collapse;
width: 100%;
th, td {
text-align: left;
padding: 8px;
}
tr:nth-child(even) {
background-color: #f2f2f2;
}
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句