सीएसएस डेटा विशेषता सशर्त मूल्य चयनकर्ता?

Question

दिया गया HTML जैसे:

<div data-points="800">Jonh</div> 
<div data-points="200">Jack</div> 
<div data-points="1200">Julian</div> 

तत्वों कैसे चयन करने के लिए थे मूल्य 1000 (एक्स> 1000) से बेहतर है?

प्राथमिकता: सीएसएस चयनकर्ताओं के माध्यम से। यदि ऐसी कोई बात नहीं है, तो मैं एक JQuery/JS उत्तर के लिए फिर से पूछूंगा।

---

अंततः प्रयोग किया है:

var x = 1000; 
$("div").each(function() { 
    if ($(this).attr('data-points') > x) { 
     $(this).addClass('larger-than-x'); // Or whatever 
    } 
}); 

Answer 1

सीएसएस आप उनकी विशेषताओं के साथ तत्वों का चयन कर सकते हैं:

div[data-points] { } 

या उनकी विशेषताओं के मूल्य:

div[data-points="800"] { } 

लेकिन आप सी में स्थितियों का उपयोग नहीं कर सकते हैं एस एस।
मैं, इस समस्या के लिए एक जावास्क्रिप्ट समाधान जो उदाहरण के लिए इतना आसान हो सकता है, उपयोग करने के लिए आप की सिफारिश का उपयोग कर jQuery आप की तरह कुछ कर सकते हैं होगा:

$("div[data-points]").each(function() { 
    if ($(this).attr('data-points') > 1000) { 
     $(this).addClass('larger-than-1000'); // Or whatever 
    } 
});