CSS類 - 字體顏色取決於值（在表中）

我有一個插件用於從Wordpress中的MySQL數據創建表。有定義的CSS類的可能性，我能夠做簡單的人例如爲：CSS類 - 字體顏色取決於值（在表中）

date {font-size: 12px; color: #497E9E; font-weight: bold;}

不過，我想知道是否有基於價值做類的任何簡單的方法：例如，

如果值爲負值，則爲紅色。如果值爲正值，則爲綠色。

是否有可能，或者我需要一些腳本來查一下，然後用定義的類？

來源

2015-11-10 Darius

基於純CSS的內容，沒有。但是，如果這些數字也存儲在HTML屬性中，例如' 123'，我們可以做點什麼。你能發佈一個HTML輸出的樣本嗎？或者你可以使用JS，如果這是一個選項。 –

這是一個jQuery方法來遍歷所有稱爲div-check的類，並根據正面或負面將其設置爲紅色/綠色。

您可以改變它以從字段獲取數據屬性或從表格行獲取值。

$(document).ready(function() { 

    $(".div-check").each(function(){ 
     var value = parseInt($(this).html()); 
     if (value < 0) 
     { 
      $(this).parent().css('color', 'red'); 
     }else{ 
      $(this).parent().css('color', 'green'); 
     } 

    }); 
});

來源

2015-11-10 10:32:07

顯然，只有使用CSS才能做到這一點。你將需要Javascript。使用jQuery的達倫否則建議你是相當不錯的解決方案。 – David

非常感謝。 – Darius

CSS類 - 字體顏色取決於值（在表中）

回答

相關問題