د سی ایس ایس انتخابوونکو لپاره کوم کانا دی؟

ولې ساده کاما کوډ کول آسانه کوي

CSS، یا Cascading Style Sheets، د ویب ډیزاین صنعت منل شوی لار ده چې د سایټ لپاره بصری ډولونه اضافه کړي. د سي ایس ایس سره، تاسو کولی شئ د پاڼه ترتیب، رنګ، نوع نوعه ، پس منظر انځور، او ډیر څه کنترول کړئ. په اصل کې، که دا یو بصری ډول وي نو بیا CSS د دې سټیلونو لپاره ستاسو ویب پاڼه ته راوړل دی.

لکه څنګه چې تاسو د یوې سند سره د سی ایس ایس شیلیفونه اضافه کړئ، نو تاسو شاید پدې پوه شئ چې دا سند اوږد او اوږده وخت پیل کوي. حتی کوچنۍ سایټ یوازې یوازې یو لاسلیک پاڼې لري د کامیاب سی ایس ایس فایل سره پای ته رسېدلی شي - او ډیر لوی سایټ د ډیری سره او د ځانګړو منځپانګو ډیری پاڼې کولی شي د سی ایس ایس فایلونو لوبو ولري. دا د ځواب ورکوونکو سایټونو لخوا جوړ شوی چې د ډیری رسنیو پوښتنو لري د اندازې پاڼې په ډیزاین کې شامل دي ترڅو بدلون ومومي چې څنګه د لیدونو کتنه وګورئ او پاڼه د مختلف اسڪرينونو لپاره ورکړه.

هو، د سی ایس ایس فایلونه اوږد شي. دا یوه لویه ستونزه نه ده کله چې دا د ساحې فعالیت او د سرعت ډکولو لپاره راځي، ځکه چې حتی د ډیرو سی ایس ایس فایل ډیر ښکلی وي (ځکه چې دا واقعا یوازې د متن سند دی). بیا هم، د هر څه په اړه کله چې د سرعت سرعت راځي، نو هر ډول حسابونه، نو تاسو کولی شئ ستاسو د طرز پاڼې لینر جوړ کړئ، دا ښه نظر دی. دا هغه ځای دی چې "کوما" ستاسو په سټاټ پاڼه کې په سمه توګه راځي!

کمیسون او سی ایس ایس

تاسو ښايي حیرانتیا لرئ چې د کوډ ټاکونکی سیټامینټ کې د کوما کوم رول لوبوی. لکه څنګه چې په جملې کې، کاما وضاحت څرګندوي - نه کود کوډ جداونکي ته. په سی ایس ایس ټاکونکی کې کوډ په ورته ډول کې یو شمیر انتخابونکي جلا کوي.

د مثال په توګه، راځئ چې لاندې سیسټم وګورئ.

th {رنګ: سور؛ }
td {رنګ: سور؛ }
p.red {رنګ: سور؛ }
div # لومړی رنګ (رنګ: سور؛ }

د دې نخشه سره، تاسو دا ویل چې تاسو غواړئ د ټولګی سره سره ټګ ټګونه، ټیګ ټګونه، پیګرافګونه وغواړئ، او د ID سره د ډېګ ټګ لومړی د ټولو رنګ رنګ سور سره ولرئ.

دا په بشپړ ډول د منلو وړ سی ایس ایس دی، مګر دا د دې لیکلو لپاره دوه مهمې نیمګړتیاوې شتون لري:

• په راتلونکي کې، که تاسو پریکړه وکړئ چې د دې ملکیتونو فټ رنګ رنګ بدل کړئ، نو تاسو باید د خپل طرز په چارټ کې څلور ځله بدلون راوړو.
• دا ستاسو د سټاټ پاڼه کې ډیر اضافي نور اضافه اضافه کوي چې تاسو ورته اړتیا نلري. دا 4 ډوله ښکاري ښکاري ښکاري نه ښکاري، مګر که تاسو دا د خپل ټول طرز په پاڼه کې ترسره کوئ، لیکې به اضافه شي او دا به ډیره وي، د اړتیا په پرتله ډیر لوی وي.

د دې ناکامۍ څخه مخنیوی کولی شئ، او ستاسو د سی ایس ایس فایل غځولو لپاره، موږ به د کوډونو کارولو هڅه وکړو.

د جلا انتخاب کوونکو لپاره کمیسون کارول

د جلا جلا سی ایس ایس ټاکونکو او 4 قواعدو لیکلو پرځای، تاسو دا ټول ډولونه د یوې حکومیت ملکیت ته سره د انفرادي ټاکونکو لپاره جلا کول د کوما سره یوځای کولی شئ. دلته دا څه کیږي:

th، td، p.red، div # لومړی رنګ (رنګ: سور؛ }

د کوډ کرښه په اصلي توګه د ټاکونکي دننه "او" کلمه ګڼل کیږي. نو دا د لومړي ځل لپاره د ID سره د ټیټ سرخ او د ډی ډی ټګ سره د t h tags او TD ٹیګ او پیراګراف ټګونو باندې پلي کیږي. دا هغه څه دي چې موږ پخوا مخکې درلودل، مګر د اړتیاو پرځای د 4 CSS قوانین، موږ یو واحد قواعد له ډیری انتخابونکو سره لرو. دا د کوټا په ټاکونکي کې څه دی، موږ ته اجازه راکوي چې په یو قواعدو کې ډیری ټاکونکي ولرو.

نه یواځې دا لیرې د لینر، پاک کلینیک فایلونو لپاره جوړېږي، دا د راتلونکي تازه معلومات خورا اسانه کوي. اوس که تاسو غواړئ رنګ له سروبي څخه پیل کړئ، نو تاسو باید یواځې په یو ځای کې بدلون د اصلي 4 طرزالعملونو په ځای چې موږ درلوده بدل کړو! د دې وخت په اړه فکر وکړئ چې په ټول ټول CSS CSS کې سپما کولی شئ او تاسو وګورئ چې دا به په اوږد مهال کې تاسو ته وخت او ځای دواړه څنګه وژغوري!

د انټیکسکس تغیرات

ځینې ​​خلک غوره کوي چې سی ایس ایس ډیر مشروع کړي ترڅو د هر انتخاب کوونکی په خپله لیکه کې جلا کړي، د دې په ځای چې د پورته په څیر په یوه کرښه کې لیکلي. دا به څنګه ترسره شي:

د،
td،
p.red،
لومړی
{
رنګ: سور؛
}

په یاد ولرئ چې تاسو د هر انتخاب کوونکی وروسته یو کوډ ولرئ او بیا "داخلی" کاروئ ترڅو راتلونکی انتخاب کونکي په خپل لیک کې مات کړئ. تاسو د وروستي انتخاب کوونکی نه وروسته یو کوډ شامل نه کړئ.

د خپلو انتخابوونکو تر مینځ د کوډونو کارولو په واسطه، تاسو د کمپیکٹ یوه بله پاڼه جوړه کړئ چې په راتلونکی کې یې تازه کول آسانه دي او نن ورځ لوستل آسانه دي!

اصلي جینفر جینیفر کرینین. په 5/8/17 نېټه د جیریمي Girard لخوا تصویب شوی