سي ايس سي چونڊيندڙن ۾ ڪاما لاء ڇا آهي؟

ڇو جو هڪ سادو ڪما ڪوڊ کي آسان بڻائي ٿو

سي ايس ڊي، يا ڪاساسنگنگ انداز واري شيٽ، ويب ڊزائينڊ انڊسٽري جي منظوري واري طريقه منظر انداز ۾ سائيٽ ڏانهن شامل ڪرڻ لاء. سي ايس ايس سان، توهان صفحو ترتيب، رنگ، نوع نوع ، پس منظر جي تصوير، ۽ گهڻو ڪجهه ڪنٽرول ڪري سگهو ٿا. بنيادي طور تي، جيڪڏهن اهو هڪ بصري طرز آهي، پوء سي ايس ايس انهن شالن کي پنهنجي ويب سائيٽ ڏانهن آڻڻ جو طريقو آهي.

جيئن توهان هڪ دستاويزن سي ايس ڊي جي شئي شامل ڪيو ٿا، توهان نوٽيس ٿي سگھي ٿو ته دستاويز گهڻي عرصي تائين گهڻي ٿيندي آهي. جيتوڻيڪ هڪ ننڍڙي سائيٽ صرف هڪ هٿ ڪندڙ صفحن سان ٺهڪندڙ سي ايس ڊي فائيل سان ختم ٿي سگهي ٿو، ۽ تمام گهڻيون مواد سان تمام وڏو سائٽ ۽ منفرد مواد جا ڪيترائي صفحا تمام وڏو سي ايس فائيلون هجن. اهو قبول ڪندڙ سائيٽون، جنهن ۾ ڪيتريون ئي ميڊيا سوالن تي مشتمل هونديون آهن اهي انداز ۾ چٽا شامل آهن ته اهي بصري نمون ۽ صفحو مختلف اسڪرين لاء هلائي ڇڏيندو آهي.

ها، سي ڊي فائيلون ڊگهو ٿي سگهن ٿيون. اهو هڪ وڏو مسئلو ناهي جڏهن اهو سائيٽ جي ڪارڪردگي ۽ ڊائون لوڊ جي رفتار اچي ٿي، ڇاڪاڻ ته اڃا به ڊي ايس ڊي فائيل تمام ننڍو هجڻ ممڪن آهي (ڇاڪاڻ ته اهو صرف هڪ متن واري دستاويز آهي). اڃان تائين، هر تيز رفتار جو نقشو نظر ايندو، تنهنڪري جيڪڏهن توهان پنهنجي انداز واري شيٽ ليئر ٺاهي سگهو ٿا، اهو سٺو خيال آهي. اهو ڪهڙو آهي جتي "ڪاما" تمام گهڻو توهان جي انداز جي شيٽ ۾ اچي سگهو ٿا!

ڪمن ۽ سي ايس

توهان شايد شايد حيران ٿي چڪو آهي ته ڪاما ڪاما سياري چونڊيندڙ نحو ۾ ادا ڪندو آهي. جيترو جملن ۾، ڪاما ۾ وضاحت-نه ڪوڊ-سيڪنڊرن کي واضح ڪري ٿو. سي ايس ايس چونڊيندڙ ۾ ڪاما ساڳيا شئين ۾ ڪيترن ئي چونڊن کي الڳ ڪري ٿو.

مثال طور، اچو ته ڪجهه سي ايس ڊي هيٺ ڏسو.

th {رنگ: ڳاڙهو؛ }
td {رنگ: ڳاڙهو؛ }
p.red {رنگ: ڳاڙهو؛ }
div # firstred {رنگ: ڳاڙهو؛ }

هن نحو سان، توهان اهو چئي رهيا آهيو ته توهان ٽيگ چاهيندا آهيو، ٽيگ ٽريگ ، क्लास रातो र क्लास ट्यागको साथ ट्याग ट्यागहरू पहिला सबैसँग पहिला सबै शैली रङ रातो भएको छ.

هي مڪمل طور تي قبول سي ايس ڊي آهي، پر هن لکڻ لاء ٻه اهم تاڪيد آهن:

• مستقبل ۾، جيڪڏهن توهان هنن خصوصيات جي رنگن جي رنگ کي تبديل ڪرڻ جو فيصلو ڪيو آهي، ته توهان کي توهان جي اسڪرين شيٽ ۾ چار دفعا ٺاهڻ گهرجي.
• اهو توهان جي انداز جي شيٽ تي تمام گهڻو اضافو آهي جيڪو توهان کي ضرورت ناهي. اهي 4 شاليز بلڪل ڊکي وانگر نه ٿا اچن، پر جيڪڏهن توهان پنهنجي پوري طرز شيٽ ۾ هي ڪم جاري رکون ٿا، لڪيرون شامل ڪيون وينديون ۽ شيٽ گهڻو ٿيندو، ان کان وڌيڪ وڏي ضرورت هوندي.

هنن واپسي کان بچڻ لاء، ۽ توهان جي CSS فائل کي هلائڻ لاء، اسان ڪاما کي استعمال ڪرڻ جي ڪوشش ڪنداسين.

چونڊيندڙ کي الڳ ڪرڻ لاء ڪمرا استعمال ڪندي

لکڻ جي بدران 4 الڳ سي ايس ايس چونڊ ۽ 4 قاعدن جي، توهان انهن سڀني شالن کي گڏ ڪري هڪ حڪمراني ملڪيت ۾ ڪري سگهو ٿا انفرادي چونڊيندڙ ڪاما سان الڳ ڪري سگهو ٿا. هتي اهو ٿي چڪو آهي:

، first red red red، ٽي }

ڪاما جي خصوصيت بنيادي طور تي لفظ ۽ "" جي اندر اندر ڪم ڪري ٿو. تنهن ڪري، اهو پهريون ڀيرو ڳاڙهي ٽيگ ۽ ٽي ڊي ٽاڪس ۽ پيراگراف ٽريگ تي سڀني ڳاڙھي جي سڃاڻپ سان ٽيگ ۽ ڊبليو ٽيگ تي لاڳو ٿئي ٿو. اھو اھو آھي جيڪو اسان اڳي ڪيو ھو، پر ضرورت جي بدران 4 CSS قاعدن، اسان وٽ ھڪٻئي چونڊن سان ھڪڙي حڪمراني آھي. اهو ئي آهي جيڪو ڪاما ۾ چونڊيندڙ ۾ آهي، اهو اسان کي هڪ قاعدي ۾ ڪيترن ئي چونڊڻ جي اجازت ڏئي ٿو.

نه رڳو هن انداز ۾ ليرر، صافي سي ايس ڊي فائيلون ٺاهڻ، انهي کي مستقبل ۾ تازيون واڌايون پڻ آسان بڻائي ٿي. هاڻي جيڪڏهن توهان ڳاڙهي کان نيري کان رنگ تبديل ڪرڻ چاهيو ٿا، ته توهان اسان کي صرف 4 طرز قاعدن جي بدران رڳو هڪ هنڌ ۾ تبديلي ڪرڻو پوندو! ان وقت جي باري ۾ سوچيو ته سموري سي ايس ايس ڊي فائيل ۾ بچت ۽ توهان ڏسي سگهو ٿا ته اهو توهان کي ڊگهي عرصي ۾ توهان جي وقت ۽ خلا کي بچايو ويندو!

ڪنٽرڪس جي تبديلي

ڪجهه ماڻهو انهي کي چونڊيل سي ايس ڊي کان وڌيڪ جائز بڻائڻ لاء هر چونڊيندڙ پنهنجي لڪير تي الڳ ڪري ڇڏيندا آهن، بلڪه مٿي ڏنل هڪ ليڪ تي لکڻ جي بدران. اهو ڪيئن ٿئي ها:

th،
td،
ص.
div # پهريون
{
رنگ: ڳاڙهو؛
}

نوٽ ڪريو ته هرڪوڪن کان پوء ڪا ڪواما رکون ۽ پوء پنهنجي ايندڙ ليڪ تي ايندڙ چونڊيندڙ کي ٽوڙڻ لاء "داخل" استعمال ڪريو. آخري فائنور کان پوء توهان ڪاما شامل نه ڪيو آهي.

توهان جي چونڊيندڙن جي وچ ۾ ڪمن جي استعمال ڪندي، توهان مستقبل ۾ تازه ڪاري ڪرڻ ۾ وڌيڪ سسٽم طرز شيٽ ٺاهي رهيا آهيو ۽ اڄ پڙهڻ لاء آسان آهي!

اصل مضمون جينيفر ڪيريئن طرفان. Jeremy Girard پاران 5/8/17 تي ڏنل