[look997]

Da się w tej sytuacji nadpisać kolor red kolorem blue, bez modyfikacji atrybutu style?
Chcę userStyle nadpisać jedno miejsce, i wygląda że to niewykonalne.
CSS @Layer (z małej litery l bo mi wykop zmienia na dużą) coś tam potrafiło zmieniać kolejność specyficzności stylu, ale chyba atrybutu style z !important nie pokonuje?
#css #html #webdev #frontend

[januzi]

@look997: Przy !important w inline raczej niewiele da się zrobić.

[look997]

@januzi: Wiem że zawsze się nie dało, ale ostatnie lata doszło kilka rozwiązań które coś tam więcej potrafią. Ale tego chyba nadal nie.

[Wyrazisty]

@look997: raczej się da, ale musiałbyś zwiększyć siłę selektora po lewej, której wartość to chyba 1000, także ta klasa wyglądałaby komicznie (+ !important)

[look997]

@Wyrazisty: Może wyglądać komicznie, byle działało. Pokaż przykład.

[Balactatun]

@look997 nadpisz przez js

[look997]

@Balactatun: Nie, bo to dynamiczny element i atrybut style też się dynamicznie zmienia. Bym musiał observer atrybutów..., no nie chcę w to iść raczej.

[Wyrazisty]

@look997: nie napiszę bo nie znam struktury, ale jak masz spory DOM to teoretycznie może to wyglądać jak #jakiśdiv #innydiv .klasa #bla #bla .a.b.c [data-cośtam] .direct-parent > div { color: blue !important; } - jak masz za prostą strukturę to i tak się nie uda, ale mooooże nazbierasz tych selektorów

[Diamond-kun]

@Wyrazisty nie ważne ile selektorów naklepiesz, hierarchia CSSa zawsze pozostanie taka sama, a na górze tej hierarchii jest !important w inlinie.

[kimikini]

@look997: to minuta roboty dla chatgpt 4.0

[foneswein]

@look997: jedynie JS
https://stackoverflow.com/questions/11150684/can-i-override-inline-important
https://stackoverflow.com/questions/48135874/override-inline-css-important

[Wyrazisty]

@Diamond-kun: masz rację, myślalem, ze wystarczy !important + siła selektora powyżej 1000, ale inline w praktyce chyba jednak nie ma przypisanej konkretnej wartosci, ktora można przekroczyć

[Diamond-kun]

@look997 dobra, wpadłem na bardzo zły pomysł. Zrób text-shadow np 10px niżej, bez rozmazania, żeby zrobił się z tego drugi napis, transformem przenieś całość elementu te 10px do góry, na wrapper daj overflow hidden, i będziesz miał tekst w dowolnym kolorze.

Ewentualnie jakbyś nie mógł wrappera dodać, to po transformie, obróć jakoś kolor tak, by ten czerwony był kolorem tła i znikł, a text-shadow kolorem którego chcesz.
Przez obróć kolor mam na