2014-11-24 31 views
0

我喜歡table-striped類陰影表中的每一行。手動劃分自舉表

但我有一個需要陰影組的行。有沒有一種簡單的方法(最好是使用CSS並且沒有JavaScript)將自己的陰影應用於單獨的行?

例如,我正在顯示每日菜單,並且我想要突出顯示同一餐中的每種食物都相同。

+0

不'。表-striped'只需添加上一個TR'#f9f9f9'背景是什麼?你爲什麼不復制你想要的樣式,並向你想要突出顯示的行添加一個自定義類? – tkounenis 2014-11-24 03:08:27

+0

當然,我可以做到這一點。但是我寧願不去硬編碼的顏色,以防我稍後改變它們。另外,我認爲Bootstrap實際上設置了單個表格單元格的顏色,所以我不確定這是一個好方法。 – 2014-11-24 04:23:13

回答

2

您可以使用自舉的Contextual classes

.active - 應用懸停顏色以特定的行或單元格

.success表示成功或積極行動

.info表示中立的信息變化或動作

.warning表示可能需要注意的警告

.danger表明存在危險或潛在的負面作用

或者你可以創建自己的新類與自定義顏色。對於如

.lunch{ background:orange; }

而只是給這個類的任何相關行的表:

.... 
<tr class="lunch">...</tr> 
.... 
+0

是的,增加「活躍」的行類似乎做我所需要的。謝謝。 – 2014-11-24 03:36:16