سی ایس ایس کے انتخاب کاروں میں کما کیا ہے؟

کیوں ایک سادہ کما کوڈنگ آسان ہے

CSS، یا Cascading Style Sheets، ویب ڈیزائن انڈسٹری کے ذریعہ بصری شیلیوں کو کسی سائٹ پر شامل کرنے کا اختیار ہے. سی ایس ایس کے ساتھ، آپ صفحہ لے آؤٹ، رنگ، نوع ٹائپ ، پس منظر کی تصویر، اور بہت کچھ کنٹرول کرسکتے ہیں. بنیادی طور پر، اگر یہ ایک بصری طرز ہے، تو سی ایس ایس ان شیلیوں کو آپ کی ویب سائٹ پر لانے کا راستہ ہے.

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

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

کمانڈ اور سی ایس ایس

آپ حیران ہوسکتے ہیں کہ سی ایس ایس کے انتخاب کنندہ نحو میں کما کیا کردار ادا کرتا ہے. جملے کے طور پر، کوما وضاحت کرتا ہے - نہیں کوڈ - الگ الگ کرنے والوں کو. ایک سی ایس ایس کے انتخاب کنندہ میں کوما ایک ہی شیلیوں کے اندر اندر ایک سے زیادہ منتخب کر دیتا ہے.

مثال کے طور پر، ذیل میں کچھ سی ایس ایس ملاحظہ کریں.

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

اس نحوط کے ساتھ، آپ یہ کہہ رہے ہیں کہ آپ ٹیگ، ٹی ٹی ٹیگ، کلاس سرخ کے ساتھ پیراگراف ٹیگ چاہتے ہیں، اور ID کے ساتھ ڈوی ٹیگ پہلے سب کو سٹائل رنگ سرخ کرنے کے لئے سب سے پہلے.

یہ بالکل قابل قبول سی ایس ایس ہے، لیکن اس طرح لکھنے کے لئے دو اہم خرابیاں موجود ہیں:

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

ان خرابیوں سے بچنے کے لئے، اور اپنی سی ایس ایس فائل کو نفاذ کرنے کے لۓ، ہم کوما استعمال کرنے کی کوشش کریں گے.

علیحدگی پسند منتخب کرنے والے کمانڈروں کا استعمال کرتے ہوئے

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

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

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

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

مطابقت پذیر تغیرات

کچھ لوگوں کو ہر انتخاب کنندہ کو اس کی اپنی لائن پر الگ کرکے سی ایس ایس زیادہ جائز بنانا ہے، اس کے بجائے یہ سب ایک سطر پر لکھ کر بجائے. ایسا ہی کیا جائے گا:

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

یاد رکھیں کہ آپ ہر ایک منتخب کنندہ کے بعد ایک کوما کی جگہ لے لیتے ہیں اور پھر اگلے انتخاب کنندہ کو اپنی اپنی سطر پر توڑنے کیلئے "داخل کریں" استعمال کریں. آپ کو حتمی انتخاب کنندہ کے بعد کوئی کما شامل نہیں ہے.

اپنے انتخاب کاروں کے درمیان کاموں کا استعمال کرتے ہوئے، آپ مستقبل میں اپ ڈیٹ کرنے کے لئے آسان اور زیادہ آسان معاہدے کا ایک شیٹ بنائیں.

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