Inspect element - Google Chrome. Jak znaleźc powód przekreślonego css-a ?

Question

Metodą prób i błędów staram się upiększyć gotowy styl.

Nie mogę dojść do tego jak sprawdzić co jest powodem że wpisując tymczasowo dany styl zostaje on natychmiastowo przekreślony? Jak się dowiedzieć co to powoduje?

 

Na przykładzie. Mam linie czasu na stronie. Chce ją przesunąć względem lewej strony ekranu ale nic nie mogę:

-gdy wpisuje left:100px w konsoli automatycznie mi go przekreśla.

-nie pomaga ustawianie atrybutu position:fixed czy też absolute

-!important również nie pomaga

 

Dzięki za pomoc

Answer 1

a co pokazują devtoolsy?Ja zaznaczysz ten element do zbadania to pokaże Ci dokładnie jakie style są przypisane, jakie zostały zlikwidowane, czyli nadpisane czymś innym itp. Być może coś nadpisuje Ci te style w JS.

Comments

@frederrer

Wyliczone style i hierarchię ważności przypisanych styli znajdziesz tu: https://developer.chrome.com/devtools/docs/elements-styles#computed_style (stara wersja dokumentacji)

Nowsza wersja dokumentacji: https://developers.google.com/web/tools/chrome-devtools/css/reference#computed