Zurb基礎表條紋造型

Question

我不想在Zurb Foundation css框架中交替行的默認條紋樣式。

什麼是最簡單的方法來刪除它？

http://foundation.zurb.com/docs/components/tables.html

Answer 1

可以覆蓋基礎表交替CSS規則使用：

table tr:nth-of-type(even) { 
    background-color: transparent !important; 
} 

Answer 2

我看着你提供的鏈接，它看起來像所有你需要做的就是在CSS中刪除這一段：

table tr:nth-of-type(even) { 
background: #f9f9f9; 
} 

Answer 3

或者你可以去更多的語義路線和使用mixins。喜歡的東西：

$table-bg: #fff; 
$table-even-row-bg: #fff; 

應該工作。

Answer 4

在_settings.scss或者：

$table-color-scale:0% 

或

$table-is-striped: false; 

Answer 5

對於Foundation 6.4：

默認情況下，表中的行被條帶化。有一個.unstriped類去除條紋。如果將$table-is-striped更改爲false以刪除所有表中的條帶，請使用.striped類添加條帶。

因此，現在您可以在表格上配置，禁用和啓用選項。

對於基金會6的早期版本中，您可能需要添加以下到您的settings或者作爲最後的手段，你的主CSS文件：

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

這假定您@import你的基業庫，而不是包括編譯後的版本作爲頁面中的一個愚蠢的CSS文件。像Foundation這樣的SCSS框架的真正優勢在於它是用SCSS編寫的，因此您可以在SCSS中擴展和使用它。