11.05.2016, 19:42
Jak nazywa się te łączenie klas, które zastosowano tutaj w rangach? W span nr.1 jest cały kod, a w gid-8 jest tylko kolorek?
11.05.2016, 19:42
11.05.2016, 20:00
Nie spotkałem się, aby miało to jakąkolwiek nazwę. Pisanie wiele razy tego samego kodu w css jest swego rodzaju błędem (złym nawykiem) i powinno się tego unikać. Dlatego zamiast pisać np.:
napiszemy:
Przydatne w przypadku wprowadzaniu zmian w szablonie w przyszłości.
Kod:
.cos1{
width: 115px;
height: 30px;
padding: 5px;
color: darkred;
}
.cos2 {
width: 115px;
height: 30px;
padding: 5px;
color: yellow;
}Kod:
.cos {
width: 115px;
height: 30px;
padding: 5px;
}
.cos1 {
color: darkred;
}
.cos2 {
color: yellow;
}Przydatne w przypadku wprowadzaniu zmian w szablonie w przyszłości.
11.05.2016, 20:10
Nie czaję tego :v
Czyli wszystko do teraz robiłem z błędami :/
Jeżeli wykorzystam Twoje css to w htmlu będzie wyglądać to tak:
<div class="cos cos1"></div> ?
Czyli wszystko do teraz robiłem z błędami :/
Jeżeli wykorzystam Twoje css to w htmlu będzie wyglądać to tak:
<div class="cos cos1"></div> ?
11.05.2016, 20:11
Tak, dokładnie.
Zaraz napiszę inny (lepszy) przykład.
Ok, łap:
css:
html:
Dzięki temu edytujesz każdy box w jednej klasie, a nie w każdej z osobna.
Zaraz napiszę inny (lepszy) przykład.
Ok, łap:
css:
Kod:
.box { width: 75%; border: 1px solid black; border-radius: 3px; padding: 5px; box-sizing: border-box; }
.warning { background: rgba(220, 20, 20, 0.7); }
.new-pm { background: rgba(189, 183, 107, 0.7); }html:
Kod:
<div class="box warning">Otrzymałeś ostrzeżenie!</div>
<div class="box new-pm">Otrzymałeś nową prywatną wiadomość!</div>Dzięki temu edytujesz każdy box w jednej klasie, a nie w każdej z osobna.