Data jako selektor Opcje

[hobibit]

Witam, chciałem zapytać o możliwości zarządzania css za pomocą data

Można używać data w taki sposób:

[HTML] pobierz, plaintext 
<div data-numer="2">
 
<style>
[data-numer="2"] {
    /* Styles */
}
</style>
[HTML] pobierz, plaintext 

Czy jest jakiś sposób (ja nie znalazłem chociaż trochę szukałem) żeby zrobić coś takiego:

[HTML] pobierz, plaintext 
[data-numer>"2"] {
    /* Styles */
}
</style>
[HTML] pobierz, plaintext 

[rocktech.pl]

Witam.

Zerknij na dokumentację selektorów atrybutów w CSS.

[CSS] pobierz, plaintext 
*[data-numer=2] { 
    color : red 
}
[CSS] pobierz, plaintext 

[hobibit]

Nie to próbuje zrobić. Podstawowa opcja działa bez problemu. Ale chce zrobić selektor który będzie edytować wszystkie div-y z data-numer większe niż 2 (na przykład).

[rocktech.pl]

Na ten moment masz do dyspozycji.

E[foo="bar"] an E element whose "foo" attribute value is exactly equal to "bar" (atrybut równa się "bar")
E[foo~="bar"] an E element whose "foo" attribute value is a list of whitespace-separated values, one of which is exactly equal to "bar" (atrybut zawiera "bar" "bar bar2")
E[foo^="bar"] an E element whose "foo" attribute value begins exactly with the string "bar" (atrybut zaczyna się od "bar")
E[foo$="bar"] an E element whose "foo" attribute value ends exactly with the string "bar" (atrybut kończy się na "bar")
E[foo*="bar"] an E element whose "foo" attribute value contains the substring "bar" (atrybut zawiera "bar")
E[foo|="en"] an E element whose "foo" attribute has a hyphen-separated list of values beginning (from the left) with "en" (zaczyna się od "en" "en-US")