[maciorqa]

Siema, mam łatwe pytanie z frontendu.
Jak zachowają się dwa pliki CSS, jak podepnę je do tego samego dokumentu HTML? Wiem że można, ale jak to będzie działać? Będzie to traktowane tak, jakby to był jeden duży plik? I mam rozumieć, że wszystkie reguły CSS, kaskadowość itd. będą takie same?
A co jeżeli w dwóch plikach css będą dwa identyczne selektory? Czy zostanie wtedy wybrany selektor z pliku, który został dodany jako drugi, ponieważ jest niżej w kodzie i jest "ważniejszy"?

#webdev #css #frontend #html

[Thunderbolt]

@maciorqa: tak

[TheBestThing]

@maciorqa: o "ważności" a właściwie o specyficzności reguł css decyduje przede wszystkim rodzaj użytego selektora. Jeżeli mają taką samą "siłę" to dopiero wtedy decyduje kolejność
http://www.standardista.com/wp-content/uploads/2012/01/specificity3.pdf

[maciorqa]

@TheBestThing: Wiem, ale właśnie chodziło mi o to, gdybyśmy mieli w tych dwóch plikach dwa identyczne selektory. Właśnie tak podejrzewałem, że wtedy ten z drugiego pliku będzie ważniejszy i "przesłoni" selektor z pierwszego pliku.

[TheBestThing]

@maciorqa: Jeżeli ten pierwszy nie będzie miał !important to tak właśnie będzie jak piszesz

[Kajetan8]

Czy zostanie wtedy wybrany selektor z pliku, który został dodany jako drugi, ponieważ jest niżej w kodzie i jest "ważniejszy"?

@maciorqa: Tak to będzie, z tym, że każda reguła jest rozpatrywana osobno. Możesz mieć i w jednym pliku kilka razy ten sam selektor.

Czasem to ma praktyczne zastosowanie, np. podczas grupowania.

html, body {
margin: 0;
padding: 0;
}

body {
color: blue;
}