This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
U]$ Tch cFa SASS ,ình 5hB ,à cB thC nB$ hết ra =y =J]c nhJng ,ình hy :1ng b<n sR h$Cu r;ng
SASS thV :O nhJ thế nào sau 5h$ là, uen :@$ nBG
Quy tắc xếp chồng (este! "ules#
S$ !%ng b&ến ('ar&bles# )t*n+b&ến$ =y :$ết PSS chVng ta cB thC =J]c s" d#ng b$ến :@$ SASS rồ$ nh` G $ến là cEch ,à chVngta cB thC 5ha$ bEo ,8t g$E trO nào =B ,à chVng ta => xEc =Onh =J]c sR d0ng nB nh$4u ln chngh<n nhJ cEc ,> ,àu g$E trO border shadoMsfG
7/23/2019 Css With Scss
http://slidepdf.com/reader/full/css-with-scss 3/6
3C 5ha$ bEo ,8t b$ến chVng ta sR :$ết dXu ) =;ng trJ@c tn b$ến nhJ thế nàyG
'pr$,ary-shadoM px px px ijjjjjjk
Sau =B chVng ta sR s" d#ng b$ến trong code b;ng cEch :$ết nhJ sau chng h<n nhJ ,ình lXy g$E
trO cFa b$ến 'pr$,ary-shadoM b :ào thm text)shadoM nh`GhGpost-t$tle text)shadoM 'pr$,ary-shadoM
q^ nh$n sau này b<n cB gDp bXt c9 gDp bXt 5 cE$ gì ,à ,un cho nB thu8c tTnh text)shadoMg$ng nhJ cE$ ,à b<n => =Onh s_n thì ch cn chn text)shadoM 'pr$,ary-shadoM :ào =BG
Quy tắc ,&x&n -.&x&n t*n/.&x
*$x$n là ,8t cW chế 5hE phv b$ến trong SASS ,à nếu b<n b$ết cEch Ep d#ng thì sR rXt cB l]$ 5h$:$ết PSSG Png d#ng cFa nB là ,ang nh$4u thu8c tTnh ,à b<n => uy J@c trong ,8t ,$x nào =B b :ào ,8t thành phn bXt 5 ,à 5hng cn ph[$ :$ết l<$ cEc thu8c tTnh =BG %T d# thJng 5h$ s"d#ng thu8c tTnh wloat trong PSS thì chVng ta ph[$ 5ha$ bEo lun ,arg$n nhJ thế này
Gclass-
wloat lewtk
,arg$n jpx jpxk
y g$ b<n cB uE nh$4u thành phn ,à cn wloat trong *U thì :$ết l<$ z d{ng 5$a hoà$ c|ngchEnG y g$ =C nhanh chVng ta sR s" d#ng cW chế ,$x$n trong SASS =C g$[$ uyết nBG rJ@chết ,ình sR t<o ,8t ,$x$n tn là wloat)lewt nhJ sauG
+,$x$n wloat)lewt
wloat lewtk
,arg$n jpx jpxk
7/23/2019 Css With Scss
http://slidepdf.com/reader/full/css-with-scss 4/6
Sau =B ,ình ,un cho ,8t thành phn nào =B cB thu8c tTnh wloat lewt :à ,arg$n nhJ thế 5$a thìch cn :$ết nhJ sauG (+$nclude tn-,$x$n!
Gclass +$nclude wloat)lewtk
NhJng by g$ b<n 5hng ,un s" d#ng wloat lewt ,à là wloatr$ght thì sao? Khng lR l<$ t<oth, ,8t ,$x$n n}a sao? Khng cn chVng ta cB thC =Dt th, tha, s cho cE$ ,$x$n 5$a =CchVng ta cB thC thay =v$ nB t0y :ào th$ =$C,G *ình x$n s"a l<$ code ,$x$n nhJ sau
%à 5h$ =$ $nclude chVng ta sR :$ết nhJ sau
+,$x$n wloat)lewt('wloat',arg$n!
wloat 'wloatk
,arg$n ',arg$nk
Gclass- +$nclude wloat)lewt(r$ghtpx jpx!k
0xten!s Kế th1a -exten! t*n/class3y là ,8t t2nh n3ng 4uan tr5ng ,à b<n cn h$Cu càng s@, càng tt :ì sau này b<n sR d0ng rXtnh$4u nhXt là trong 5h$ là, :$6c :@$ ,8t PSS 7ra,eMor5G Tnh n~ng 5ế th/a này ngh^a là b<nch =Onh cho ,8t thành phn nào =B th/a hJ•ng tXt c[ cEc thu8c tTnh cFa ,8t class (hoDc :0ngch1n nào =B! bXt 5 ,à b<n => 5ha$ bEo s_nG