• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Jak sprawdzić dlaczego styl css jest przekreślony w Google/Firefox developer tools

Aruba Cloud VPS - 50% taniej przez 3 miesiące!
0 głosów
1,110 wizyt
pytanie zadane 15 maja 2019 w HTML i CSS przez frederrer Użytkownik (740 p.)

Generalnie dość czesto się to pojawia chcąc np edytować domyślny szablon itp np:  

W jaki sposób mogę się dowiedzieć jaki inny element stylu (lub szablon html) powoduje to że dany css jest przekreślony . Zawsze mnie to nurtowało i myślę że znacznie przyśpieszyło mi daną pracę gdybym od razu mógł znaleźć przyczynę problemu.

Dzięki za pomoc ! 

 

Obrazek jest może zły przykładem bo powód przekreślenia jest raczej widoczny. Mam na myśli szereg innych przekreśleń których przyczyn nie widać na pierwszy rzut oka

1 odpowiedź

+1 głos
odpowiedź 15 maja 2019 przez lateM Pasjonat (17,660 p.)
Powodem przekreślenia jest fakt, że jakiś inny styl ma większą ważność i to on aktualnie działa i 'przykrywa' ten przekreślony. W tym wypadku dzieje się tak, gdyż selektor klasy + id ma większą ważność niż sam selektor z id. Wpływ na to ma również miejsce w którym aplikujesz style więc: style inline > style w znaczniku <style> </style> w head > kolejność podpiętych plików css (jeśli jest kilka plików css podpiętych do strony to style z pliku podpiętego na końcu będą ważniejsze niż te wyżej) + dlatego najlepiej używać samych selektorów klasy i nie robić długich ciągów selektora.

Jeśli chcesz szybko przeszukiwać konsolę uwzględniając dany styl np. "width" to w Chrome powiększ sobie konsolę do jakiegoś dużego rozmiaru, wtedy pojawi Ci się obok zakładki "Styles" zakładka "Computed" i wtedy, kiedy klikniesz "width" pojawią Ci się zarówno wszystkie wystąpienia "width" jak i lista dokumentów ".css".
komentarz 15 maja 2019 przez kenjiro244 Dyskutant (8,600 p.)

Co to ważności to chodzi tutaj chyba o specificity

https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity

komentarz 15 maja 2019 przez lateM Pasjonat (17,660 p.)
No tak

Podobne pytania

+1 głos
4 odpowiedzi 4,240 wizyt
pytanie zadane 4 kwietnia 2016 w HTML i CSS przez Mateusz Kozłowski Nowicjusz (130 p.)
0 głosów
2 odpowiedzi 343 wizyt
pytanie zadane 29 kwietnia 2018 w HTML i CSS przez Bartocho Nowicjusz (120 p.)
+3 głosów
1 odpowiedź 497 wizyt

93,103 zapytań

142,075 odpowiedzi

321,554 komentarzy

62,444 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Wprowadzenie do ITsec, tom 1 Wprowadzenie do ITsec, tom 2

Można już zamawiać dwa tomy książek o ITsec pt. "Wprowadzenie do bezpieczeństwa IT" - mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy aż 15% zniżki! Dziękujemy ekipie Sekuraka za fajny rabat dla naszej Społeczności!

...