Mene ne Sakamakon a CSS Yan Zaɓuɓɓuka?

Me ya sa kyauta mai sauƙi yana sauƙaƙe coding

CSS, ko Fayilolin Cascading, sune hanyar karɓar zane-zane ta yanar gizo don ƙara tsarin da aka gani a shafin. Tare da CSS, zaka iya sarrafa layi na shafi, launuka, typography , bayanan hoto, da sauransu. Da gaske, idan yana da salon zane, to CSS ita ce hanyar da za ta kawo wa annan shafin zuwa shafin yanar gizonku.

Yayin da ka ƙara CSS styles zuwa takardun, za ka iya lura cewa takardun zai fara tsawo kuma ya fi tsayi. Ko da wani karamin shafin da kawai ɗakunan shafuka na iya kawo karshen fayil ɗin CSS mai mahimmanci - kuma babban shafi mai yawa tare da kuri'a da yawa na shafuka na musamman na iya samun manyan fayilolin CSS. Wannan yana da ƙari da shafukan yanar gizo waɗanda ke da ƙididdigar tambayoyin da aka kunshe a cikin zane-zane don canza yadda abubuwan gani ke dubawa kuma shafin yana shimfiɗa don fuska daban.

Haka ne, fayilolin CSS na iya samun tsawon lokaci. Wannan ba babbar matsala ba ne game da aikin yanar gizo da kuma saukewar sauƙi, saboda ko da maƙallin fayil ɗin CSS yana iya kasancewa ƙananan ƙananan (tun da yake ainihi kawai rubutun rubutu ne). Duk da haka, kowane ɗan ƙaramin ƙididdigewa idan yazo da gudunmawar shafi, don haka idan za ku iya yin rubutun launi dinku, wannan kyakkyawan ra'ayi ne. Wannan shi ne inda "comma" zai iya zo sosai sosai a cikin style style!

Commas da CSS

Wataƙila ka yi mamakin irin rawar da waka take takawa a CSS ta zaɓa. Kamar yadda yake a cikin kalmomi, ƙwaƙwalwar yana kawo haske-ba code-ga masu raba. Shafin a cikin zaɓin CSS ya raba masu zaɓaɓɓu masu yawa a cikin iri ɗaya.

Alal misali, bari mu dubi wasu CSS a kasa.

th launi: ja; }
td {launi: ja; }
p.red {launi: ja; }
div # farko [launi: ja; }

Tare da wannan haɗin, kuna cewa kuna son kalmomi, tags, alamomin siginan kwamfuta tare da jakar ja, kuma maɓallin sifa tare da ID ya fara gaba ɗaya don samun launin launi ja.

Wannan ya cancanci CSS, amma akwai manyan alamu guda biyu don rubuta shi ta wannan hanya:

Don zaku iya guje wa waɗannan kuskure, kuma don daidaita fayil ɗin CSS, zamu yi kokarin amfani da ƙira.

Amfani da Kasuwanci don rarraba Zaɓuɓɓuka

Maimakon rubuta takamaiman CSS 4 da dokoki 4, zaka iya hada dukkan waɗannan styles a cikin mallakar mallakar guda ɗaya ta hanyar raba masu zaɓaɓɓu guda ɗaya tare da wakafi. Ga yadda za'ayi haka:

th, td, p.red, div # firstred {launi: ja; }

Ƙaƙwalwar haruffa tana aiki kamar kalma "da" a cikin zaɓin. Saboda haka wannan ya shafi lambobin T da kuma takaddun TD da alamomin sigogi tare da jakar ja DA rubutun tag tare da ID ɗin farko. Wannan shine ainihin abin da muke da shi a baya, amma a maimakon buƙatar dokoki CSS 4, muna da dokoki daya tare da masu zaɓin yawa. Wannan shi ne abin da comma ya yi a cikin zaɓaɓɓe, yana ba mu damar samun masu zaɓaɓɓu masu yawa a cikin wata doka.

Ba wai kawai wannan tsarin ya zama sanadi ba, fayilolin CSS mai tsabta, yana kuma sa sabuntawa ta gaba sosai. Yanzu idan kuna son canja launi daga ja zuwa blue, dole kawai kuyi canje-canje a wuri guda maimakon maimakon dukkanin dokoki na 4 da muke da shi! Ka yi tunani a kan waɗannan lokuta na tanadi a duk faɗin CSS fayil kuma za ka ga yadda wannan zai cece ka duka lokaci da sararin samaniya a cikin dogon lokaci!

Canje-canjen Syntax

Wasu mutane sun za i su sa CSS ta fi dacewa ta hanyar raba kowane zaɓi a kan layinta, maimakon rubuta shi duka a kan layin daya kamar yadda aka sama. Wannan shine yadda za ayi:

th,
td,
p.red,
div # farko
{
launi: ja;
}

Yi la'akari da cewa kun sanya takaddama bayan kowane mai zaɓa sannan sannan ku yi amfani da "shigar" don karya mai zaɓin na gaba a kan layi. Ba ku Ƙara wani wakafi bayan mai zaɓa na karshe.

Ta yin amfani da rikici a tsakanin masu zaɓinku, kuna ƙirƙira wani takarda mai laushi wanda ya fi sauki don sabuntawa a nan gaba kuma wannan ya fi sauƙi a karanta a yau!

Labari na farko daga Jennifer Krynin. Edited by Jeremy Girard a kan 5/8/17