Dodanie wartości do top w css lub html

Question

Witam, czy istnieje jakiś sposób aby do klasy gdzie mam ustawioną jakąś wartość na top: np 20px, dodać w html'u przez style="" jeszcze 30px? Jakieś np. style="calc(top + 30px)". Dodam, że nie chce tu wykorzystywać JS.

Answer 1

No musisz to sb liczyk :) 20+30px=50px inaczej chyba nie da rady. Jak dasz w html'u style to będą one ważniejsze niż te w pliku, więc jak dasz 20px a w style.css dasz 50px to ostatecznie będzie 20px :)

Comments

To właśnie o to się pytam jakim sposobem to można obliczyć i czy w ogóle istnieje?

Answer 2

Dodaj mu id, a w stylach nadpisz top, jakie chcesz mieć. Dopisywanie style="" przy elemencie jest... nie seksi :)

Comments

może inaczej, mam klase którą użyłem w wielu miejscach i tylko w niektórtch chciałbym pododawać +30px i chciałbym to zrobić z automatu. ale widzę, że pozostaje mi jedynie stworzenie odzielnej klasy

---

Bo tak jest najsensowniej. Klasa-modyfikator, jak w BEM