我喜歡table-striped
類陰影表中的每一行。手動劃分自舉表
但我有一個需要陰影組的行。有沒有一種簡單的方法(最好是使用CSS並且沒有JavaScript)將自己的陰影應用於單獨的行?
例如,我正在顯示每日菜單,並且我想要突出顯示同一餐中的每種食物都相同。
我喜歡table-striped
類陰影表中的每一行。手動劃分自舉表
但我有一個需要陰影組的行。有沒有一種簡單的方法(最好是使用CSS並且沒有JavaScript)將自己的陰影應用於單獨的行?
例如,我正在顯示每日菜單,並且我想要突出顯示同一餐中的每種食物都相同。
您可以使用自舉的Contextual classes:
.active
- 應用懸停顏色以特定的行或單元格
.success
表示成功或積極行動
.info
表示中立的信息變化或動作
.warning
表示可能需要注意的警告
.danger
表明存在危險或潛在的負面作用
或者你可以創建自己的新類與自定義顏色。對於如
.lunch{ background:orange; }
而只是給這個類的任何相關行的表:
....
<tr class="lunch">...</tr>
....
是的,增加「活躍」的行類似乎做我所需要的。謝謝。 – 2014-11-24 03:36:16
不'。表-striped'只需添加上一個TR'#f9f9f9'背景是什麼?你爲什麼不復制你想要的樣式,並向你想要突出顯示的行添加一個自定義類? – tkounenis 2014-11-24 03:08:27
當然,我可以做到這一點。但是我寧願不去硬編碼的顏色,以防我稍後改變它們。另外,我認爲Bootstrap實際上設置了單個表格單元格的顏色,所以我不確定這是一個好方法。 – 2014-11-24 04:23:13