Grupowanie selektorów i style kontekstowe
Grupowanie selektorów
Podczas tworzenia strony WWW może okazać się, że klika bloków posiada identyczne właściwości tak jak na poniższym przykładzie:
W takim przypadku, aby ułatwić przejrzystość i zrozumiałość kodu możemy użyć grupowania selektorów. I tak powyższy kod można zapisać w prostszy sposób:
Style kontekstowe
Czasami chcialibyśby, aby wszystkie elementy typu P pisane kursywą miały np. inny kolor. Do tego celu można użyć stylów kontekstowych. Opisane powyżej zadanie można opisać następująco:
Grupowania selektorów od stylów kontekstowych różnią się tym, że zamiast przecinka tak jak to jest w pierwszym przykładzie przy stylach kontekstowych używamy spacji.
Podczas tworzenia strony WWW może okazać się, że klika bloków posiada identyczne właściwości tak jak na poniższym przykładzie:
H1 { color : blue };
H2 { color : blue };
H3 { color : blue };
H2 { color : blue };
H3 { color : blue };
W takim przypadku, aby ułatwić przejrzystość i zrozumiałość kodu możemy użyć grupowania selektorów. I tak powyższy kod można zapisać w prostszy sposób:
H1, H2, H3 { color : blue };
Style kontekstowe
Czasami chcialibyśby, aby wszystkie elementy typu P pisane kursywą miały np. inny kolor. Do tego celu można użyć stylów kontekstowych. Opisane powyżej zadanie można opisać następująco:
P I { color : blue };
Grupowania selektorów od stylów kontekstowych różnią się tym, że zamiast przecinka tak jak to jest w pierwszym przykładzie przy stylach kontekstowych używamy spacji.
Materiał dodany przez użytkownika: alphan