[m.....2]

Jestem na etapie nauki zasad kaskadowości i dziedziczenia w #css. Czy tylko ja mam taki problem ze zrozumieniem tych zagadnień? Siedzę już z kilka godzin, obczaiłem kilka artykułów i dalej nie ogarniam (╥﹏╥)

#naukaprogramowania #webdev #html5

[laki1]

@michal42: Nie wiem z czym masz problem, to co jest zadeklarowane później jest ważniejsze niż to co było wcześniej ;d

[m.....2]

@laki1: To wiem, czaję też kolejność ważności selektorów. Reguły specificity (nie wiem jakie jest polskie znaczenie? EDIT chodzi mi o specyficzność XD) nie ogarniam.

[pomarancza_]

@michal42: Może to Ci pomoże (po prostu znam ten kanał, może są lepsze poradniki)
https://www.youtube.com/watch?v=2m84zSyrM7Q

[m.....2]

@pomarancza_: Dzięki. Jak wrócę do domu to obejrzę.

[pomarancza_]

@michal42: Aczkolwiek z tego co pamiętam nie jest to w pełni legitne, bo podobno specyficzności się nie dodają (bo w tym filmiku podchodzą do tego jak o "punktach siły"), ale na pewno warto zobaczyć jako dopełnienie wiedzy

[4565h6tr7756]

@michal42: no im bardziej konkretny (specyficzny) selektor, tym reguła ważniejsza. https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity
czego konkretnie w tym nie rozumiesz?

[m.....2]

Już czaję. Pomimo, że odradzają materiały z w3schools to ten artykuł
CSS Specificity mi najlepiej to wyjaśnił.

[zwierzak40]

@michal42: Wejdź w swojej przeglądarce w tryb dev (F12) i pobaw się CSSem na jakiejkolwiek stronie. Dodawaj, zmieniaj, usuwaj i sprawdź jak to wszystko działa.

[m.....2]

@zwierzak40: no wiem, wiem. Aż taki zielony to nie jestem ( ͡° ʖ̯ ͡°)

[TheBestThing]

@michal42: to tez ci moze pomoze:

http://www.standardista.com/wp-content/uploads/2012/01/specificity3.pdf

[m.....2]

@TheBestThing: Przyda się. Dzięki.

[januzi]

@michal42: Co do specyficzności:
to co wpiszesz jako style="" przy elemencie będzie miało najwyższy poziom, potem będą style wpisane do id (tego elementu albo do rodzica gdzieś w gałęzi powyżej), potem style podpięte do klasy (class), na końcu to co wpiszesz do body. Ale uwaga, w css mamy !important. Upośledzeni twórcy szablonów wordpressowych (i w sumie innych) używają tego do wymuszenia danej regułki (np. font-size: 12pt !important). Dochodzi do tego

[m.....2]

@januzi: Dzięki. Do responsive design to jeszcze nie doszedłem ale będę o tym pamiętać. Tak spotkałem się już na klilku stronach z !important, rzeczywiście jest to denerwujące bo łamie reguły kaskadowości :/
Ech przez te całe RODO to cały tydzień może tylko z 2-3 godziny się pouczyłem (╯︵╰,)

[L.....e]

@michal42: jak klikniesz zbadaj element w chrome to te przekreślone style to będą te przysłonięte.

[januzi]

@michal42: A jak użyjesz narzędzi od Firefoxa, to przy elementach wpiętych do js będziesz mieć [ev] z możliwością podglądnięcia jakie zdarzenia będą wywoływane ;)

Przy pomocy narzędzi FF/Chrome możesz na żywo oglądać co się zmienia, obejrzeć wymiary, dodać/usunąć regułki itd. Będziesz mieć także podgląd na samym ekranie głównym na poszczególne elementy z drzewka. Po najechaniu/kliknięciu będziesz mieć podświetlony element z zaznaczonymi marginesami/paddingami (ale uwaga, czasami elementy wewnętrzne dodają margines, więc