Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
ZURB基础台面条纹造型 我不想在ZURB基金会CSS框架中使用交替行的默认条带样式。_Css_Zurb Foundation - Fatal编程技术网

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的以前版本,您可能需要将以下内容添加到设置或作为最后的手段,到您的主要CSS文件:

$table-striped-background: $table-background;

这假设你在你的页面中使用了代码库> @导入< /COD>你的基础库,而不是将编译后的版本作为一个哑CSS文件。像Soundation这样的SCSS框架的真正优点在于它是用SCS编写的,这样你就可以在SCS中扩展和使用它。

< P>我正在把ZURB栈集成到工作流程中,我需要一些带条形图和一些非条形图。我正在使用无法在后端修改的表类,但使用SASS,我可以删除如下条纹:

.table-special{
  @extend: .unstriped;
}

这是一个很好的工作解释!谢谢这不是一个好的解决方案,因为它覆盖了现有的CSS,并且还使用了
!重要信息
,这总是一件坏事。
.table-special{
  @extend: .unstriped;
}