CSS veri özelliği koşullu değer seçici?

Question

Verilen html gibi:

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

nasıl değer 1000 (x> 1000) daha üstündür edildi unsurları seçmek için?

Tercih: CSS seçiciler aracılığıyla. Böyle bir şey yoksa, o zaman bir JQuery/JS cevabını tekrar isteyeceğim.

---

Sonunda kullandı:

div[data-points] { } 

veya niteliklerin değeri:

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

ama sizin kendi özellikleri ile öğeleri seçebilirsiniz CSS ile

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

Answer 1

C koşullarını kullanamaz SS. ama bu noktada en bunu yapmak için budur tek yolu

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