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コードです。特定の数よりも多い数（10、50）

i'vは、Javaスクリプト試みたが、それが働いていたとき

iはCSSスタイルを適用したいと思います（想像）、しかし、私は、ウェブサイトを作りたいですできるだけhtmlとCSSを使用するだけです。

タグにあるテキストの番号を選択する方法はありますか？

出典

2017-11-11 sleepy

あなたは要素がそのテキストに基づいて選択することが_can_で独自の適切な研究を行うためにあったとしても最初にコンテンツ（https://www.google.com/search?q=css+select+element+based+on+text+content）を使用すると、_mathematical comparison_を行う方法を見つけられるとは思っていません_文字列の値も同様です。 – 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