د HTML نسخه جوړښت د کورنۍ د ونې سره ورته دی. ستاسو په کورنۍ کې، تاسو مور او پالر او نور هغه څوک چې له تاسو مخکې راغلي دي. دا ستاسو پلرونه دي. ماشومان او هغه څوک چې په دې ونې کې ستاسو وروسته راځي ستاسو اولادونه دي. HTML په ورته ډول کار کوي. هغه عناصر چې د نورو عناصرو دننه دي د دوی اولادونه دي. د بېلګې په توګه، له دې کبله نږدې د هر HTML عنصر د ټایټ دننه دي، دوی به د هغه د بدن عناصر یو نسل وي. دا اړیکه مهمه ده چې پوه شئ کله چې تاسو د سی ایس ایس سره کار پیل کوئ او د ځانګړیو عناصرو په نښه کولو ته اړتیا لرئ ترڅو د لید ډولونو غوښتن لیکونه وکارول شي.
سی ایس ایس کنټرول غوره کوونکي
د ایس ایس ایس زوړ ټاکونکی هغه عنصرونو ته کارول کیږي کوم چې د بل عنصر دننه دي (یا نور په سمه توګه بیان شوي، یو عنصر چې د بل عنصر یو نسل دی). د بېلګې په توګه، بې ترتیبه لیست د ټیګونو سره د نسلونو په څیر یو ٹیګ لري. راځئ لاندې لاندې HTML د مثال په ډول کاروئ:
- دا یو لینک دی
د لاي ټګ د UL ٹیګان دي. A ٹیګ دواړه د LI (د کوچنیانو اولاد) او UL (د کوچنیانو نسل لرونکی) ټګونه یو نسل دی. که تاسو فکر کوئ چې د کورنۍ د ونې بیلګې په کارولو فکر وکړئ، نو <وال> به مورد وي، نو دا به د عنصر ماشوم وي، او د ماشوم ماشوم وي.
- .
نو تاسو د دې اولادونو غوره کونکي په کارولو سره په ویب پاڼه کې ځانګړي عناصر څنګه په نښه کوئ؟ لومړی، تاسو باید د اولادونو ټاکونکو لخوا د دوو (یا ډیرو) ډول انتخابونکو څخه کار واخلئ چې د ځایونو لخوا جلا شوي.
li a {د متن جوړونې: هیڅ نه }په دې مثال کې، دا ډول ډولونه به یوازې د لینک عنصر ته تطبیق شي () دا د لیست-توکو توکي عنصر دی (
- ). په پاڼه کې ټول نور لینکونه چې د لیست د توکي څخه زوړ نه وي دا ډول ډوله بڼه نلري.
د یادولو لپاره یوه مهمه خبره دا ده چې دا مهمه نده چې څومره ټګونه یې د ټیکسونو په منځ کې وي چې ممکن ستاسو د اولادونو انتخابونکي کې کارول کیږي. که دویم عنصر په لومړی عنصر کې تړل شوی وي نو دا به د اولاد په توګه وټاکل شي.
که تاسو غواړئ ټول هغه لارښوونې غوره کړئ چې د ال عناصرو څخه ښکته شوي، تاسو به ولیکئ:
ul a {د متن جوړونې: هیڅ نه }اوس، دا ډول طرزالعملونه به په هر هغه لینک کې پلي شي چې د لیست د توکو زوړ دی. تاسو کولی شۍ دا ټاکونکی ولیکئ
ul li a {د متن جوړونې: هیڅ نه }دا یو نسل لرونکي ټاکونکی دی چې د دوو ډوله انتخابونکو څخه کار اخلي. په دې حالت کې، دا به په هغو اړیکو باندې کار وکړي چې د لیست او نښې په دننه کې وي او یا هم د بې ترتیب شوي لیست دننه وي.
د ټولټاکنو غوره کونکي او د ID انتخابوونکي کارول
هغه ټاکونکي چې تاسو یې له ماینونو څخه راوتلي یاست باید تل د اولادونو نوعیت ونلري. د مثال په توګه، تصور وکړئ چې تاسو د سایټ ساحه درلوده (لکه ویش) لکه د "بل بورډ" ځانګړتیا سره. تاسو کولی شئ د دې ID څخه یو نسل لرونکی ټاکونکی انتخاب کړئ:
# بیلبورډ ul {شاليد رنګ: #ccc؛ }دا به بې بنسټه لیست غوره کړي چې د "عنصر" د ID سره د یو عنصر یو نسل دی. تاسو کولی شئ د ټولګي ارزښتونو ته هم ورته وکړئ.
div.billboard ul {شاليد رنګ: #ccc؛ }دا داسې انګیرل کیږي چې تقویه د "بل بورډ" کلاس ارزښت لري. د سي ایس ایس پورته برخه به د
- د هرې ویشن عنصر دننه کړي چې دا ټولګي ارزښت لري.
تاسو کولی شئ ریښتیا لاسونه او فعل د اولاد لرونکي انتخابونکو سره. د بېلګې په توګه، که تاسو Dreamweaver وکاروئ خپل HTML code ولیکئ، داسې یو ترتیب شتون لري کله چې تاسو د نوی سی ایس ایس قواعد اضافه کړئ چې په دې پاڼه کې د خپل کرسر ځای پرځای ټاکونکی به په خپله جوړ کړئ. کوم Dreamweaver په دې مواردو کې کار کوي د وحشي شفاهي ژباړونکي او اوږد عمر لرونکی ټاکونکی جوړوي. دا ډیر مشخصیت د سی ایس ایس کار کولو لپاره اړین ندی. هغه څه چې تاسو یې غواړئ د اولاد لرونکو انتخاب کونکي ترمنځ توپیر موندلی شي چې دومره ځانګړي وي تاسو کولی شئ هغه سم عناصرو ته چې تاسو اړتیا لرئ) پرته له هغه چې تاسو غواړئ تاثیر ونکړئ (ډډه وکړئ) پرته له دې چې د سی ایس ایس قواعد چې په انتخاباتي توګه انتخاب شوي وي لوی.