我不想使用Zurb Foundation CSS框架中默认的条纹样式来交替显示行。
最简单的方法是什么?
我不想使用Zurb Foundation CSS框架中默认的条纹样式来交替显示行。
最简单的方法是什么?
您可以使用以下代码来覆盖基础表格的交替CSS规则:
table tr:nth-of-type(even) {
background-color: transparent !important;
}
$table-striped-background: $table-background;
@import
导入Foundation库,而非将编译后的版本作为CSS文件直接包含在页面中。SCSS框架(如Foundation)的真正优势在于它是用SCSS编写的,因此您可以在自己的SCSS中扩展和使用它。或者您可以采用更语义化的方式,使用混合器。像这样:
$table-bg: #fff;
$table-even-row-bg: #fff;
应该可以工作。
table tr:nth-of-type(even) {
background: #f9f9f9;
}
我正在将ZURB堆栈集成到我的工作流程中,我需要一些带条纹的表格和一些不带条纹的表格。我正在使用无法在后端修改的表格类,但是使用SASS,我可以这样删除条纹:
.table-special{
@extend: .unstriped;
}
_settings.scss
文件中:$table-color-scale:0%
或者
$table-is-striped: false;
!important
,这总是一件坏事。 - Robin Daugherty