CSS規則數大於

<table> 
<tbody> 
<tr class="positive"> 
<td class="happy">12</td> 
<td class="happy">7</td> 
<td class="happy">69</td> 
</tr> 
</tbody> 
</table>

▲這是源html代碼。CSS規則數大於

td.happy(@>10) {color:red;} 
td.happy(@>50) {color:blue;}

▲這是我想要的CSS代碼。（想象）

我想申請的CSS樣式時（50月10日）比具體數目更大數量

心中已經嘗試過Java的腳本，它的工作，但我想使網站只能使用html和CSS。

有什麼方法可以選擇標籤中的文本號碼嗎？

來源

2017-11-11 sleepy

即使你是做_can_基於它的文本被選中的元素自己適當的研究內容第一（https://www.google.com/search?q=css+select+element+based+on+text+content），我非常懷疑你會找到一種方法讓它做一個數學比較_字符串值也是如此。 – CBroe

如果您能夠根據值（？）開始確定哪些元素是「正面」和「高興」，那麼您還應該能夠將這些元素分類爲「開心和紅色」或「開心和藍色」一種可以選擇CSS的方法（例如，最簡單的形式，一個額外的類;理想的基礎是信息代表的是什麼，而不是當前期望的格式）。 – CBroe

你不能用純CSS，你必須幫助的jQuery：

$(document).ready(function(){ 
 
    $('tr.positive td.happy').each(function(){ 
 
    number = parseFloat($(this).text()); 
 
    if(number > 10) 
 
     $(this).addClass('greater10'); 
 
    if(number > 50) 
 
     $(this).addClass('greater50'); 
 
    }) 
 
})

td { 
 
    border: 1px solid #000; 
 
} 
 

 
.greater10 { 
 
    color: red; 
 
} 
 

 
.greater50 { 
 
    color: blue; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
 
<table> 
 
    <tbody> 
 
    <tr class="positive"> 
 
     <td class="happy">12</td> 
 
     <td class="happy">7</td> 
 
     <td class="happy">69</td> 
 
    </tr> 
 
    </tbody> 
 
</table>

來源

2017-11-11 13:57:52 Ehsan

如果您閱讀specification，沒有。

您可以匹配元素，元素中的屬性名稱和元素中命名屬性的值。您唯一可以做的控制是如果標籤是empty。

來源

2017-11-11 13:51:02 Nick

不是從CSS，如果你想避免一個全新的js頁面，那麼也許考慮在你的HTML中嵌入js。

來源

2017-11-11 13:52:14 Frostedstar

CSS規則數大於

回答

相關問題