گهڻن ايس ايس ايس چونڊيندڙ گروپن کي

گروپ لوڊ ڪرڻ کي وڌائڻ لاء ڪيترن ئي سي ايس ايس سي چونڊيو

ڪارڪردگي هڪ ڪامياب ويب سائيٽ ۾ هڪ اهم عنصر آهي. اهو سائيٽ موثر هجڻ گهرجي انهي ۾ اهو ڪئين تصويرون آن لائن استعمال ڪري ٿي . اهو انهي ڳالهه جي يقيني ۾ مدد ڪندي ته هوٽين لاء سٺي نموني ۽ انهن جي ڊوائيس تي تڪڙو ڪم ڪندو. ڪارڪردگي پڻ توهان جي مجموعي عمل جو حصو بڻجڻ گهرجي، توهان کي وقت جي ۽ بجلي تي سائيٽ جي ترقي رکڻ ۾ مدد ڏيڻ گهرجي.

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

گروهه چونڊيندڙ

جڏهن توهان سي ايس ايس چونڊن کي گڏ ڪريو ٿا، توهان پنهنجي طرز جي شيٽ ۾ طرز جي ٻيهر بغير ڪنهن به مختلف قسم جي عنصرن کي لاڳو ڪندا آهيو. ٻه يا ٽي يا وڌيڪ سي ايس سي ضابطن جي بجاء، انهن سڀني مان ساڳيو ڪم (مثال، ڳاڙهو ڪن کي رنگ جو رنگ ڏيو)، توهان وٽ هڪ سي ايس ايس جو قاعدو آهي جيڪو توهان جي صفحي لاء مڪمل آهي.

اهڙا ڪيترائي سبب آهن ته هي "چونڊيندڙ جو گروهه" جي هڪ صفحي کي فائدو ڏئي ٿو. پهرين چوري، توهان جو اندازو شيٽ ننڍا ٿيندو ۽ وڌيڪ جلدي لوڊ ڪندي. باضابطه طور، طرز عمل جي سستن کي سست لوڊ ڪرڻ واري سائيٽن تي اچي ٿو جڏهن اهي بنيادي مجلس نه آهن. سي ايس ڊي فائيلون متن فائلون آهن، انهي کان سواء جڏهن اڻڄاتل تصويرون جي مقابلي ۾ سي ايس ٽي سيٽ واريون ننڍيون، فائيل سائيز وار آهن. اڃان تائين، هر ڪجهه ٿورو شمار ڪيو، ۽ جيڪڏهن توهان پنهنجي سي ايس جي ڪجهه سائيز کي ڇڪ ڪري سگهو ٿا ۽ صفحا جيڪي تمام تيز تيز ڪري سگهو ٿا، اهو هميشه لاء سٺو ڪم آهي.

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

سي ايس اي سي ڊائون لوڊ ڪرڻ لاء ڪيئن

پنهنجي اسڪرين شيٽ ۾ گڏجي سي ايس ايس چونڊرز کي گڏ ڪرڻ لاء، ڪيترن ئي گروهه ٿيل چونڊيندڙ کي جدا ڪرڻ لاء توهان ڪاما استعمال ڪندا آهن . هيٺئين مثال ۾، انداز کي پي ۽ ڊوي عناصر تي اثر انداز ٿئي ٿو:

div، p {رنگ: # f00؛ }

بنيادي طور تي ڪاما جو مطلب آهي "۽". تنهنڪري هي چونڊيندڙ سڀني پيراگراف عناصر ۽ سڀني ڊويزن عناصر تي لاڳو ٿئي ٿو. جيڪڏهن ڪوتا کي غائب ٿي ويو، ان جي بدران ان جي سڀني پيراگراف عناصر جيڪي ڊويزن جو ٻار آهن. اھو ھڪڙو مختلف قسم جو انتخاب ڪندڙ آھي، تنھنڪري اھو ڪما اھم چونڊيندڙ جو مطلب تبديل ڪري ٿو.

چونڊيندڙ جو ڪو به فارم ڪنهن ٻئي چونڊيندڙ سان گڏ ڪري سگھجي ٿو. هن مثال ۾، هڪ طبقي چونڊيندڙ هڪ سڃاڻپ منتخب ڪندڙ سان گڏ آهي.

p.red، #sub {رنگ: # f00؛ }

تنهنڪري هي انداز ڪنهن به پيراگراف تي "لال"، ۽ هر عنصر جي صنف جي خاصيت سان لاڳو ٿئي ٿو (ڇو ته اسان ان قسم جي وضاحت نه ڪئي) جيڪا "ذيلي" جي سڃاڻپ آهي.

توھان ڪنھن به منتخب ڪندڙن جي ھڪڙي تعداد کي گڏ ڪري سگھو ٿا، بشمول چونڊيندڙ جيڪي ھڪڙي لفظ ۽ گڏوگڏ چونڊ آھن. هن مثال ۾ چار مختلف چونڊيندڙ شامل آهن:

p، .red، #sub، div ڊي: لنڪ {color: # f00؛ }

تنهن ڪري هن سي ايس جي اصول هيٺ ڏنل لاڳو ٿينديون.

• ڪا به پيراگراف عنصر
• ڪنهن به عنصر جي طبقي سان "ڳاڙهو"
• "ذيلي" جي سڃاڻپ سان ڪو به عنصر
• "لنڪس" ان لنگر عناصر جو مودو طبقو جيڪو ڊويزن جي فيصلي ۾ آهي.

اهو آخري چونڊيندڙ هڪ مرڪب چونڊيندڙ آهي. توهان اهو ڏسي سگهو ٿا اهو آسان سان هن CSS قاعدي ۾ ٻين چونڊيندڙ سان گڏ هوندو آهي. انهي قاعدي سان، اسين انهن 4 انتخابن تي (f4 جو رنگ) رنگ جو رنگ ٺاهيون ٿا، انهي مان حاصل ڪرڻ لاء 4 جدا چونڊيندڙ لکڻ جي قابل آهي.

منتخب ڪندڙ گروپن جي هڪ ٻيو فائدو اهو آهي ته، جيڪڏهن توهان تبديل ڪرڻ جي ضرورت آهي، توهان ڪيترن ئي ماڻهن جي بدران هڪ هڪ سي ايس ايس ايڊٽ ايڊٽ ڪري سگهو ٿا. هن جو مطلب اهو آهي ته توهان جو مستقبل توهان جي مستقبل کي سائيٽ برقرار رکڻ جو وقت وزن ۽ وقت جو بچاء آهي.

ڪنهن به چونڊيل گروپ کي ختم ڪري سگهجي ٿو

جئين ته مٿين مثالن مان ڏسي سگھن ٿا، ڪنهن به صحيح چونڊيندڙ کي گروپ ۾ رکيل هجي، ۽ تمام ګروپित तत्वहरूसँग मेल खाने कागजातका सबै तत्वहरू त्यो शैली गुणको आधारमा एउटै शैली हुनेछ.

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

، first red red red، ٽي }

يا توهان کي اندازن جي وضاحت لاء انفرادي سٽون تي ترتيب ڏئي سگهو ٿا:

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

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

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