Lapho efunda imigomo ye-CSS eyisisekelo, umuntu ufundiswa ukubhala izitayela ze-modular, ezisebenziseka kabusha, nezichazayo ukuze kuqinisekiswe ukugcinwa. Kodwa uma onjiniyela bezibandakanya nezinhlelo zokusebenza zomhlaba wangempela, kuvame ukuzwakala kungenakwenzeka ukwengeza izici ze-UI ngaphandle kwezitayela ezivuza ezindaweni ezingahlosiwe. Lolu daba luvamise ukugingqika lube yiluphu elizigcwalisayo; izitayela ezisikwe ku-elementi eyodwa noma isigaba ziqala ukuvela lapho okungezona ezakho. Lokhu kuphoqa unjiniyela ukuthi akhe izikhethi ezicaciswe kakhulu ukuze abhale ngaphezulu izitayela eziputshuziwe, ezibese zibhala ngaphezulu ngephutha izitayela zomhlaba, njalo njalo. Izivumelwano zamagama ekilasi eliqinile, njenge-BEM, ziyisixazululo esisodwa sale nkinga. Indlela ye-BEM (Block, Element, Modifier) iyindlela ehlelekile yokuqamba amakilasi e-CSS ukuze kuqinisekiswe ukusebenziseka kabusha nokwakheka ngaphakathi kwamafayela e-CSS. Ukuqamba amagama afana nalokhu kunganciphisa umthwalo wokuqonda ngokusebenzisa ulimi lwesizinda ukuze kuchazwe izici nesimo sazo, futhi uma zisetshenziswa ngendlela efanele, zingenza izitayela zezinhlelo zokusebenza ezinkulu zibe lula ukuzinakekela. Emhlabeni wangempela, noma kunjalo, akusebenzi njalo njalo. Okubalulekile kungashintsha, futhi ngoshintsho, ukusetshenziswa kuba nokungahambisani. Izinguquko ezincane esakhiweni se-HTML zingadinga ukubuyekezwa kwamagama amaningi ekilasi le-CSS. Ngezinhlelo zokusebenza ezisebenzelana kakhulu, amagama ekilasi alandela iphethini ye-BEM angaba made futhi angalawuleki (isb., ukubuka konke komsebenzisi___isimo sohlelo lokusebenza--sifakazela ubuqiniso), futhi ukungathobeli ngokugcwele imithetho yokuqamba kwephula ukwakheka kwesistimu, ngaleyo ndlela kunganaki izinzuzo zayo. Uma kubhekwa lezi zinselelo, akumangalisi ukuthi abathuthukisi baphendukele kuzinhlaka, i-Tailwind iwuhlaka oludume kakhulu lwe-CSS. Kunokuba uzame ukulwa nalokho okubonakala njengempi eqondile engenakunqotshwa phakathi kwezitayela, kulula ukuyeka i-CSS Cascade futhi usebenzise amathuluzi aqinisekisa ukuhlukaniswa okuphelele. Onjiniyela Bancika Kakhudlwana Ezinsizeni Sazi kanjani ukuthi abanye onjiniyela bazimisele ngokugwema izitayela ezikhahlamezekile? Ukukhuphuka kwamathuluzi “esimanje” angaphambili - njengezinhlaka ze-CSS-in-JS - eziklanyelwe leyo njongo ngqo. Ukusebenza ngezitayela ezihlukanisiwe ezibekwe ngokuqinile ezingxenyeni ezithile kungase kubonakale njengokuphefumula komoya. Kususa isidingo sokuqamba izinto - kusengomunye wemisebenzi yangaphambili ezondwa kakhulu futhi edla isikhathi - futhi ivumela onjiniyela ukuthi bakhiqize ngaphandle kokuqonda ngokugcwele noma ukusebenzisa izinzuzo zefa le-CSS. Kodwa ukulahla i-CSS Cascade kuza nezinkinga zayo. Isibonelo, ukwenza izitayela ku-JavaScript kudinga ukucushwa kwesakhiwo esindayo futhi kuvame ukuholela ezitayela ezihlangana kabi ne-markup yengxenye noma i-HTML. Esikhundleni sokucatshangelwa ngokucophelela kwezimiso zokuqamba amagama, sivumela amathuluzi okwakha ukuthi asikhiqizele ngokuzenzakalelayo izikhethi nezihlonzi (isb., .jsx-3130221066), edinga onjiniyela ukuthi bahambisane nolunye futhi ulimi-mbumbulu ngaphakathi kanye nalo ngokwalo. (Sengathi umthwalo wokuqonda wokuqonda ukuthi yini yonke into esetshenziswa ingxenye yakhoEffects ubungakanele!) Ukuqhubeka nokuhoxisa umsebenzi wokuqamba amakilasi kumathuluzi kusho ukuthi ukulungisa iphutha okuyisisekelo kuvame ukubophezeleka ezinguqulweni ezithile zohlelo lokusebenza ezihlanganiswe ukuze zithuthukiswe, kunokuba kusetshenziswe izici zesiphequluli zomdabu ezisekela ukulungisa amaphutha bukhoma, njengamathuluzi Kanjiniyela. Kucishe kube sengathi sidinga ukuthuthukisa amathuluzi ukuze silungise iphutha lamathuluzi esiwasebenzisayo ukuze sikhiphe lokho iwebhu esikunikezayo kakade - konke ngenxa yokubalekela "ubuhlungu" bokubhala i-CSS evamile. Ngenhlanhla, izici zesimanje ze-CSS azenzi nje ukubhala i-CSS ejwayelekile ukuthi ivumelane nezimo kodwa futhi zinikeza onjiniyela abafana nathi amandla engeziwe okuphatha i-cascade futhi bayenze isisebenzele. Izendlalelo ze-CSS Cascade ziyisibonelo esihle, kodwa kunesinye isici esithola ukuntula ukunakwa okumangazayo - nakuba lokho kuyashintsha njengoba kamuva nje kuhambisana ne-Baseline. I-CSS @scope At-Rule Ngibheka i-CSS @scope at-rule njengekhambi elingase libe yikhambi lohlobo lokukhathazeka okubangelwa ukuvuza kwesitayela esikumbozile, okungaphoqi ukuthi sibeke engcupheni izinzuzo zewebhu zomdabu ngokukhipha kanye nezinye izinto zokwakha. "I-@scope CSS at-rule ikuvumela ukuthi ukhethe izakhi emithonjeni ethile ye-DOM, uqondise izakhi ngokuqondile ngaphandle kokubhala izikhethi ezicaciswe ngokweqile okunzima ukuzibhala ngaphezulu, futhi ngaphandle kokuhlanganisa abakhethiwe bakho ngokuqinile kakhulu kusakhiwo se-DOM."
Ngamanye amazwi, singasebenza ngezitayela ezihlukanisiwe ezimweni ezithile ngaphandle kokudela ifa, i-cascading, noma ngisho nokuhlukaniswa okuyisisekelo kokukhathazeka.lokho kube yisimiso esinesikhathi eside esiqondisayo sokuthuthukiswa kwe-front-end. Futhi, inokufakwa kwesiphequluli okuhle kakhulu. Eqinisweni, iFirefox 146 yengeze ukwesekwa kwe-@scope ngoDisemba, okwenza i-Baseline ihambisane okokuqala ngqa. Nasi ukuqhathanisa okulula phakathi kwenkinobho esebenzisa iphethini ye-BEM ngokumelene nomthetho we-@scope: