CSS ကို-selector နှင့် html-စာရွက်စာတမ်းပုံစံအတွက်၎င်း၏အခန်းကဏ္ဍ

website တစ်ခု Creating နှင့်ဝဘ်စာမျက်နှာအချို့ဒြပ်စင်များနှင့်အတူကဖြည့်စွက်, လူတိုင်းအတွက်ဖြစ်သည့် CSS ကို-selector အဖြစ်သက်တမ်းရင်ဆိုင်ရပါလိမ့်မယ်။ ဒါဟာပိုပြီးတိကျစွာစာမျက်နှာပေါ်တွင်သူတို့ဒီဇိုင်းနှင့်တည်နေရာ html-file ကိုအပေါငျးတို့သ element တွေကိုဆုံးဖြတ်ရန်ဆောင်ရွက်ပါသည်။ အရောင်, အရွယ်အစား, တည်နေရာနှင့်အခြား: ဒီလိုလုပ်ဖို့, အချို့ selector တွေကိုနှင့်၎င်းတို့၏ပုံစံချပေး options များကရှင်းလင်းပြောပြမယ့် CSS ကို-document တစ်ခုဖန်တီးပါ။ တိုင်းက်ဘ်ဆိုက်ဒီဇိုင်နာကိုသိနှင့်စနစ်တကျအလိုရှိသောရွေးချယ်မှုဝင်နိုင်ဖြစ်သင့်သည်။ သူတို့ဟာ type ကိုကျနော်တို့ကိုအောက်တွင်ဆွေးနွေးရန်အရာ၏အဓိကအားဖြင့်ခွဲခြားထားတယ်။

CSS ကိုအတွက် selector တွေကိုမျိုး

html-ချပ် element ကိုလျှောက်ထားသောမှပေါ် မူတည်. CSS ကို-selector အောက်ပါအုပ်စုများ၏တဦးတည်းမှဆက်စပ်ခြင်းငှါ:

• tag ကို selector;
• လူတန်းစား selector;
• အိုင်ဒီ-selector;
• attribute ကို selector ။

tag ကို selector

ဒါဟာအစကအများဆုံးရိုးရှင်းပြီးဘုံဖြစ်ပါတယ် "ဟု type ကို selector" သို့မဟုတ် "ဒြပ်စင်" ဟုခေါ်သည်။ မိမိအ CSS ကို-စာရွက်စာတမ်းအဖြစ်ကျနော်တို့ကိုဖော်ပြရန်ထားတဲ့ html-file ၏ဒြပ်စင်များ၏အမည်များဖြစ်ကြသည်။ ကျနော်တို့ကအပိုဒ်စတိုင်သတ်မှတ်ထားဖို့လိုအပ်တယ်ဆိုရင်ဥပမာ, ကျနော်တို့ကဒြပ်စင် p {နောက်ခံများအတွက်ဂုဏ်သတ္တိများနှင့်၎င်းတို့၏တန်ဖိုးများကိုသတ်မှတ်: x ကို; အရောင်: y က; အရွယ်အစား: z} ။ ဤကိစ္စတွင်ခုနှစ်, ဝဘ်စာမျက်နှာ၌ရှိသမျှအပိုဒ်တူ format ကိုရပါလိမ့်မယ် (နောက်ခံအရောင် ကိုစာသားအရွယ်အစား, ဒါပေါ်မှာ။ ဃ) ။

လူတန်းစား selector

ထိုအသင်သည်သင်၏တိုင်းအပိုဒ်မေးမြန်းဖို့လိုအပ်တယ်ဆိုရင်အခြားအစတိုင်များထံမှကွဲပြားခြားနားသောကဘာလဲ? ဒီလိုလုပ်ဖို့, တစ်ဦးလူတန်းစား selector ရှိသေး၏။

p.first {အရောင်: ဤကိစ္စတွင်အတွက် CSS ကို-စာရွက်စာတမ်းအောက်ပါပုံစံတစ်ခု entry ကိုမဆံ့မယ်လို့က x; font-size: y က} ။ ထို့ကြောင့်သာပထမဦးဆုံးအတန်းအစားအပိုဒ်များအတွက် "အရောင်" ၏ဂုဏ်သတ္တိများနှင့် "အရွယ်အစား" define ။

ဤကိစ္စတွင်အတွက် html-စာရွက်စာတမ်းခုနှစ်တွင်ပထမဦးဆုံးစတိုင်၏အမည်တစ်ခုလူတန်းစား attribute ကိုဝင်ကြ၏။ အတန်းကိုသင်နေတဲ့ဝဘ်စာမျက်နှာဒြပ်စင်လျှောက်ထားချင်သောစတိုင်သလောက်ရှိနိုင်ပါသည်။

selector အိုင်ဒီ

မကြာခဏစာမျက်နှာ၏တစုံတယောက်သောသူသည်ဒြပ်စင်ဖို့ဥပမာပိုမိုတိကျစွာတစ်ဦးစတိုင်သတ်မှတ်ဖို့, ဒါမှမဟုတ်သူတို့ကိုအမြည်းတစ်ဦးလိုအပ်ကြောင်းလည်းမရှိ။ ဤအခြေအနေ၌, အကူအညီအိုင်ဒီ-selector လာပါတယ်။ အဆိုပါ html ဖိုင်အခြားသူတွေအကြားကသတ်မှတ်ဖေါ်ပြတဲ့ဆန္ဒရှိတဲ့ item name ကို assign ။ ဥပမာအားဖြင့်ကျနော်တို့ကတခြားစတိုင်ကနေမတူညီတဲ့သတ်မှတ်ထားချင်သောဒြပ်စင်များဆောင်းပါးခေါင်းစဉ်ဖြစ်လိမ့်မည်။

ထိုအခါ html-စာရွက်စာတမ်းအတွက် header ကို h1 အမှတ်အသား, ထိုကဲ့သို့သော articlename တာဝန်ပေးဖို့။ ထိုအခါ CSS ကို-ဖိုင်ထဲမှာ, အ ID အမည်ကိုကင်မှဖြည့်စွက်ခြင်း, စတိုင်သတ်မှတ်: #articlename {color: အပြာရောင်; text-align: center} ။ အခုဆိုရင်ကျွန်တော်တို့ရဲ့ခေါင်းစဉ်ပြာဗဟိုပြုအရောင်ရပါလိမ့်မယ်။

အထက်ပါအမျိုးအစားတစ်ခုချင်းစီကို "ရိုးရှင်းတဲ့ CSS ကို-selector" အဖြစ်ဖော်ပြထားနိုင်ပါသည်။ သူတို့က html-စာရွက်စာတမ်းတစ်ဦးအထူးသဖြင့် parameter သည်များအတွက်ပုံစံချပေးသတ်မှတ်: အတူတကွဆင်တူဒြပ်စင် (ဥပမာ, ဆောင်းပါး၏အပေါငျးတို့သအပိုဒ်), (ဥပမာ, ကိုသာပထမဦးဆုံးအပိုဒ်) တဦးတည်းအတန်းအစားသို့မဟုတ် (ဥပမာအားဖြင့်, ဆောင်းပါးခေါင်းစဉ်ကို) တစ်ဦးသတ်သတ်မှတ်မှတ်ကို item ။

တွေက attribute selector

အထက်ပါအပြင်, တစ်ဦး CSS ကို-selector တွေကိုလည်းမရှိ attributes - လျှောက်လွှာစတိုင်များပိုမိုရှုပ်ထွေးနည်းလမ်း။ ဒါဟာမရွေး attribute ကိုသို့မဟုတ်တန်ဖိုးကိုအပေါ် html format နဲ့ဒြပ်စင်ခွင့်ပြုပါတယ်။ ဒီ selector အတော်ကြာမျိုးပေါင်းရှိပါတယ်:

• attribute မှာ၏ရှေ့မှောက်တွင်အားဖွငျ့၎င်းငျး,
• ယင်း၏အတိအကျကိုတနျဖိုးမှာ;
• တစ်စိတ်တစ်ပိုင်း attribute ကိုတနျဖိုးအားဖွငျ့၎င်းငျး,
• ယင်း၏တိကျတဲ့တန်ဖိုးတစ်ခုပေါ်မှာ။

ကျွန်တော်တို့ကိုဤအမျိုးစိတ်တစ်ခုချင်းစီကိုထည့်သွင်းစဉ်းစားကြစို့:

1. ပထမဦးဆုံးအမှု။ တိကျတဲ့ attribute ကို html-code ကိုအတွက်လက်ဆောင်ပါလျှင် formatting (ကစ, div, header ကို, စတာတွေဖြစ်နိုင်ပါတယ်), လျှောက်ထားသည်။ ဒါဟာမဖြစ်ဆိုပါကစတိုင်အပေါငျးတို့သဒြပ်စင်တစ်ခုယေဘုယျအသုံးပြုသည်။ ဥပမာအားဖြင့်, ခေါင်းစဉ်ရှိခြင်းဒြပ်စင်အဘို့ (tool ကိုအစွန်အဖျား) ။
2. ဒုတိယကိစ္စ။ အဆိုပါစတိုင်ကိုသာ attribute ကိုတန်ဖိုးထားတဲ့အတိအကျကိုပွဲစဉ်ရှိသည်သော html-element တွေကိုသက်ဆိုင်သည်။ ဥပမာအားဖြင့်, အမျိုးအစား attribute ကို၏တန်ဖိုးတင်သွင်းညီမျှရှိရာအဆိုပါဒြပ်စင် input ကိုရန်။
3. အဆိုပါတတိယအမှု။ ပုံစံလက်အောက်တွင်သာအချို့သောစကားလုံးရှိကြောင်းတန်ဖိုးများများစာရင်းထဲတွင်ပစ္စည်းများပါဝင်သည်ပါလိမ့်မယ်။ ဥပမာအားဖြင့်ဒြပ်စင် div အဘို့, Sidebar attribute က "အတန်းအစား" ။
4. စတုတ္ထအမှု။ စတိုင်သာသူ၏အထူးသ attribute ကိုတယောတနျဖိုးရှိပါတယ်, သူနှင့်အတူစတင် html-စာရွက်စာတမ်း, အဲဒီဒြပ်စင်အဘို့သတ်မှတ်ထားသည်။ ဥပမာအားဖြင့်သောအင်္ဂလိပ်ဘာသာစကား attribute ကိုအားလုံးဒြပ်စင်မှသတ်မှတ်ထားသောအရောင်၏, အသုံးပြုခြင်း (en, en-ရု, en-au နှင့် t ကိုဖြစ်စေခြင်းငှါအရာ။ ဃ) ။

ထို့ကြောင့်တစ်ဦးသို့မဟုတ်အခြားခြင်း, CSS ကို selector သုံးပြီးအသုံးပြုပုံအကောင်းဆုံးတစ်ခုတစ်ခုလုံးကိုဝဘ်စာမျက်နှာအဖြစ်သတ်မှတ်ထားသော, နှင့်၎င်း၏ဒြပ်စင်အချို့ကိုဖော်ပြရန်နိုင်ပါသည်။