[panDocent]

Hej, #webdevhelp

Można dodać #css dla elementu np. p, który ma klasę foo-bar-**liczba** ,gdzie liczba jest większa niż 500? Wiem, że to można jakoś zrobić za pomocą wyrażeń typu p[[class^="baz"]], ale jak to zrobić, żeby brał liczbę większą niż 500?

Wiem, że trochę pokręcone, ale przez JS nie pójdzie, bo mam dostęp tylko do CSS.

[rbielawski]

@panDocent: wydaje mi się, że pure css nie ma takich możliwości.

[M.....s]

@panDocent: a np. na :nth-child(n+500) ? Spróbuj znaleźć inne zależności

[rbielawski]

@MirkoStats: myślę, że nie o to mu chodziło

[rbielawski]

@panDocent: jeśli już musisz robić coś takiego bez użycia js-a, to chyba ręcznie musisz stworzyć takie selektory dla każdej wartości. Możesz sobie zrobić funkcję w jakimś preprocesorze css'a, która odwali robotę za ciebie, ale musiałbyś znać z góry maksymalną wartość, która wystąpi w atrybucie.

[panDocent]

@rbielawski: Aj, to szkoda ( ͡° ʖ̯ ͡°)
@MirkoStats: Dzięki, ale nie o to mi chodziło. Chodzi o to, że jest kilka elementów i jeden ma klasę foo-bar-499, a drugi foo-bar-500 i ten 500 ma mieć inny styl, ale one nie są jakoś połączone, żeby złapać przez nth-child. HTML nie zmienię, JS też odpada.

[panDocent]

@rbielawski: Dzięki, to dobry pomysł ale właśnie chodzi o to, że to są id zawartości, które są codzienne dodawane. Wymyślę coś innego.

[Eggy]

@panDocent: http://jsfiddle.net/cc49zrqg/

[rbielawski]

@panDocent: http://codepen.io/rbielawski/pen/WvLQdM

[panDocent]

@rbielawski: Dzięki, pomyślę o tym.
@Eggy: A da się w drugą stronę? Bo teraz pomyślałem, że w sumie mogę to zrobić w drugą stronę, tam gdzie liczba jest mniejsza od 500, więc mogę użyć sposobu @rbielawski, ale jeżeli można przez jeden CSS, to czemu nie?