ZURB基础台面条纹造型 我不想在ZURB基金会CSS框架中使用交替行的默认条带样式。
移除它最简单的方法是什么ZURB基础台面条纹造型 我不想在ZURB基金会CSS框架中使用交替行的默认条带样式。,css,zurb-foundation,Css,Zurb Foundation,移除它最简单的方法是什么 我查看了您提供的链接,看起来您所要做的就是删除css中的此段: table tr:nth-of-type(even) { background: #f9f9f9; } 可以使用:覆盖基础表交替CSS规则 table tr:nth-of-type(even) { background-color: transparent !important; } 或者你可以走语义更丰富的路线,使用mixin。比如: $table-bg: #fff; $table-even-
我查看了您提供的链接,看起来您所要做的就是删除css中的此段:
table tr:nth-of-type(even) {
background: #f9f9f9;
}
可以使用:覆盖基础表交替CSS规则
table tr:nth-of-type(even) {
background-color: transparent !important;
}
或者你可以走语义更丰富的路线,使用mixin。比如:
$table-bg: #fff;
$table-even-row-bg: #fff;
应该可以工作。在
\u settings.scss
中:
$table-color-scale:0%
或
用于:
默认情况下,表行是条带化的。有一个.unstiped
类来删除条纹。如果将$table is striped
更改为false以从所有表中删除条带,请使用.striped
类添加条带
因此,现在您可以在表上有选择地配置、禁用和启用这项功能
对于基础版本6的以前版本,您可能需要将以下内容添加到
$table-striped-background: $table-background;
这假设你在你的页面中使用了代码库> @导入< /COD>你的基础库,而不是将编译后的版本作为一个哑CSS文件。像Soundation这样的SCSS框架的真正优点在于它是用SCS编写的,这样你就可以在SCS中扩展和使用它。 < P>我正在把ZURB栈集成到工作流程中,我需要一些带条形图和一些非条形图。我正在使用无法在后端修改的表类,但使用SASS,我可以删除如下条纹:
.table-special{
@extend: .unstriped;
}
这是一个很好的工作解释!谢谢这不是一个好的解决方案,因为它覆盖了现有的CSS,并且还使用了
!重要信息
,这总是一件坏事。
.table-special{
@extend: .unstriped;
}