Nasleđivanje selektora u SASS-u
Pri radu sa stilovima mogu nastati problemi
prilikom nasleđivanja. Međutim, uz pomoć
direktive @extend lako ih je izbeći,
pošto ona jasno ukazuje koji
selektor treba da nasledi stilove drugog.
Pogledajmo primer:
Pogledajmo primer:
.warning {
border: 1px solid;
background-color: #ffd900;
}
.personalWarning {
@extend .warning;
border-width: 3px;
}
Sada pogledajmo rezultat kompilacije:
.warning, .personalWarning {
border: 1px solid;
background-color: #ffd900; }
.personalWarning {
border-width: 3px;
}
Objasnite, kakav će biti rezultat kompilacije sledećeg koda:
#product-card {
color: #302f2f;
font-family: 'Times New Roman', Times, serif;
}
#product-card-title {
@extend #product-card;
font-weight: 600px;
}
Izmenite uslove prethodnog zadatka, tako da
#product-card nasledi od
#product širinu, jednaku
500px.
