ایک سے زیادہ سی ایس ایس منتخب کرنے والے گروپوں

لوڈ رفتار کو بہتر بنانے کے لئے ایک سے زیادہ سی ایس ایس منتخب کریں

کامیابی کامیاب ویب سائٹ میں ایک اہم عنصر ہے. اس سائٹ کو موثر ہونا چاہئے کہ یہ آن لائن تصاویر کیسے استعمال کرتا ہے . یہ اس بات کو یقینی بنائے گی کہ سائٹ کو زائرین کے لئے اچھی کارکردگی کا مظاہرہ اور اپنے آلات پر تیزی سے لوڈ کریں . کارکردگی آپ کے مجموعی عمل کا بھی حصہ ہونا چاہئے، آپ کو سائٹ پر پیش رفت وقت اور بجٹ پر رکھنے میں مدد ملے گی.

آخر میں، کارکردگی ویب سائٹ کی تخلیق اور طویل مدتی کی کامیابی کے تمام پہلوؤں میں ایک کردار ادا کرتا ہے، بشمول اس طرز کے اس سائٹ کے سی ایس ایس شیٹ کے لئے بھی شامل ہیں. لینر بنانے کے قابل ہونے کے باوجود، کلینر سی ایس ایس کی فائلیں مثالی ہیں، اور ان طریقوں میں سے ایک جو آپ حاصل کرسکتے ہیں ان میں سے ایک سے زیادہ سی ایس ایس کے انتخابی گروپوں کے ساتھ مل کر.

گروپ منتخب کرنے والے

جب آپ سی ایس ایس کے انتخابی گروپوں کو گروپ دیتے ہیں، تو آپ اپنے اسٹیٹ شیٹ میں شیلیوں کو دوبارہ کئے بغیر کئی مختلف عناصر میں اسی طرز کو لاگو کرتے ہیں. دو یا تین یا اس سے بھی زیادہ سی ایس ایس قواعد رکھنے کے بجائے، سب کچھ اسی طرح کرتے ہیں (مثال کے طور پر، کچھ سرخ رنگ کا رنگ مقرر کریں)، آپ کے پاس ایک سی ایس ایس کا قاعدہ ہے جو آپ کے صفحے کے لۓ کام کرتا ہے.

اس طرح کے "انتخابی گروپوں کے گروہ" کے فوائد کی وجہ سے کئی وجوہات موجود ہیں. سب سے پہلے چوری، آپ کے سٹائل شیٹ چھوٹا اور زیادہ تیزی سے لوڈ کریں گے. بالآخر لوڈ کرنے والے سائٹس کو سست کرنے کے بعد، اس سٹائل کے شیٹس اہم مجرموں میں سے ایک نہیں ہیں. سی ایس ایس فائلیں ٹیکسٹ فائلیں ہیں، اس وقت بھی جب تک کسی غیر متوقع تصاویر کے مقابلے میں واقعی بہت طویل سی ایس ایس شیٹ چھوٹے، فائل سائز وار ہیں. پھر بھی، ہر چھوٹا سا شمار، اور اگر آپ اپنے سی ایس ایس کے کچھ سائز کو شیڈو کر سکتے ہیں اور صفحات کو زیادہ تیزی سے لوڈ کرسکتے ہیں تو یہ ہمیشہ ایک اچھا کام ہے.

عموما، سائٹس کے لئے اوسط لوڈ رفتار سے اوپر 3 سیکنڈ سے کم ہیں؛ 3 سے 7 سیکنڈ اوسط کے بارے میں ہے، اور 7 سے زائد سیکنڈ بہت سست ہے. یہ کم تعداد یہ ہے کہ، آپ کی ویب سائٹ کے ساتھ حاصل کرنے کے لئے، آپ کو جو کچھ آپ کر سکتے ہیں وہ کرنے کی ضرورت ہے! اس وجہ سے آپ گروہ سی ایس ایس کے انتخاب کاروں کو اپنی سائٹ کو تیزی سے رکھنے میں مدد کرسکتے ہیں.

کس طرح گروپ سی ایس ایس منتخب کرنے کے لئے گروپ

آپ کے اسٹیٹ شیٹ میں گروپ سی ایس ایس کے انتخاب کے ساتھ مل کر، آپ کو انداز میں متعدد گروہ منتخب کرنے والے کو الگ کرنے کیلئے کمانڈ استعمال کرتے ہیں . نیچے مثال کے طور پر، سٹائل پی اور ڈیو عناصر کو متاثر کرتی ہے:

div، p {color: # f00؛ }

کوما بنیادی طور پر "اور" کا مطلب ہے. لہذا یہ انتخاب کنندہ تمام پیراگراف عناصر اور تمام ڈویژن عناصر پر لاگو ہوتا ہے. اگر کوما غائب ہو گیا تو، اس کے بجائے اس کے تمام پیراگراف عناصر ہوتے ہیں جو تقسیم کے بچے ہیں. یہ ایک بہت مختلف قسم کے انتخاب کنندہ ہے، لہذا یہ کوما واقعی منتخب کنندہ کا معنی بدلتا ہے!

منتخب کنندہ کے کسی بھی قسم کے کسی دوسرے کو منتخب کرنے والے کے ساتھ گروپ کیا جا سکتا ہے. اس مثال میں، ایک کلاس کا انتخاب کنندہ ID ID کے ساتھ گروپ کیا جاتا ہے:

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

تو یہ انداز "سرخ"، اور کسی بھی عنصر کی کلاس کی خاصیت کے ساتھ کسی بھی پیراگراف پر لاگو ہوتا ہے (چونکہ ہم نے اس قسم کی وضاحت نہیں کی ہے) جس میں "ذیلی" کی شناخت ہے.

آپ کسی بھی قسم کے انتخابی گروہوں کو ایک ساتھ جمع کر سکتے ہیں، بشمول منتخب کنندگان جو اکیلے الفاظ اور مرکب انتخاب والے ہیں. اس مثال میں چار مختلف انتخابکار شامل ہیں:

p، .red، #sub، div div: link {color: # f00؛ }

لہذا اس سی ایس ایس کا اصول درج ذیل میں درج ہوگا:

• کوئی پیراگراف عنصر
• "لال" کی کلاس کے ساتھ کوئی عنصر
• "ذیلی" کی شناخت کے ساتھ کسی بھی عنصر
• لنگر عناصر کے "لنکس" چھسو کلاس جو تقسیم کے فیصلے ہیں.

یہ آخری انتخاب کنندہ ایک مرکب انتخاب کنندہ ہے. آپ دیکھ سکتے ہیں کہ یہ اس سی ایس ایس کے اصول کے دوسرے انتخاب کے ساتھ آسانی سے مل کر ہے. اس قاعدہ کے ساتھ، ہم ان 4 انتخابوں پر # f00 کا رنگ (جو سرخ ہے) کو ترتیب دے رہے ہیں، جو اسی نتیجے میں حاصل کرنے کے لئے 4 علیحدہ انتخاب کاروں کو لکھنے کے قابل ہے.

منتخب کرنے والے گروپوں کا ایک اور فائدہ یہ ہے کہ، اگر آپ کو تبدیلی کرنے کی ضرورت ہے، تو آپ ایک ہی سی ایس ایس کی حکمرانی کو متعدد افراد کی بجائے ترمیم کرسکتے ہیں. اس کا مطلب ہے کہ مستقبل میں اس سائٹ کو برقرار رکھنے کے لئے یہ نقطہ نظر آپ کے صفحے کا وزن اور وقت بچاتا ہے.

کوئی منتخب کنندہ گروہ کیا جا سکتا ہے

جیسا کہ آپ مندرجہ بالا مثال سے دیکھ سکتے ہیں، کسی گروپ میں کسی بھی درست کو منتخب کیا جاسکتا ہے، اور اس گروپ کے تمام عناصر کو جو تمام گروہ عناصر سے ملنے کے ساتھ ہی اس سٹائل کی جائیداد کی بنیاد پر ایک ہی سٹائل ہوگا.

کچھ لوگوں کو کوڈ میں جائزی کے لۓ الگ الگ لائنوں پر گروپوں کے عناصر کی فہرست کو ترجیح دیتے ہیں. ویب سائٹ پر ظہور اور لوڈ کی رفتار اسی طرح ہے. مثال کے طور پر، آپ کوڈوں کی ایک لائن میں ایک سٹائل کی جائیداد میں کمانڈ کی طرف سے علیحدہ شیلیوں کو یکجا سکتے ہیں:

th، td، p.red، div # پہلے {رنگ: سرخ؛ }

یا آپ وضاحت کے لئے انفرادی لائنوں پر شیلیوں کی فہرست کرسکتے ہیں:

ویں،
td،
p.red،
ڈویژن # سب سے پہلے
{
رنگ: سرخ؛
}

کسی بھی طریقہ سے آپ کو ایک سے زیادہ سی ایس ایس کے انتخاب کے گروپ کا استعمال آپ کی ویب سائٹ کو تیز کرتا ہے اور طویل عرصہ سے شیلیوں کو منظم کرنا آسان بناتا ہے.

جینیفر کریین کی طرف سے اصل مضمون. 5/8/17 پر جیریمی Girard کی طرف سے ترمیم.