CSS _ အတန်း ရွေးချယ်မှု
ဥပမာ
class="intro" ဖြင့် ဒြပ်စင်အားလုံးကို ရွေးချယ်ပြီး ပုံစံထုတ်ပါ-
.intro {
background-color: yellow;
}
အောက်တွင် နောက်ထပ် "စမ်းသုံးကြည့်ပါ" ဥပမာများ။
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
.class
ရွေးချယ်သူသည် သီးခြားအတန်းရည်ညွှန်းချက်ဖြင့် အစိတ်အပိုင်းများကို ရွေးချယ်သည် ။
သီးခြားအတန်းတစ်ခုရှိ အစိတ်အပိုင်းများကို ရွေးရန်၊ ကာလအပိုင်းအခြား (.) စာလုံးကို ရေးပါ၊ ထို့နောက် အတန်း၏အမည်ကို ရေးပါ။
အတန်းတစ်ခု၏ သီးခြား HTML အစိတ်အပိုင်းများကိုသာ သက်ရောက်မှုရှိသင့်သည်ဟုလည်း သင်သတ်မှတ်နိုင်ပါသည်။ ဒါကိုလုပ်ဖို့၊ element name နဲ့စပြီး period (.) character ကိုရေးပြီး class ရဲ့ name နဲ့ (အောက်ပါ ဥပမာ 1 ကိုကြည့်ပါ)။
HTML အစိတ်အပိုင်းများသည် အတန်းအစားတစ်ခုထက်ပို၍လည်း ရည်ညွှန်းနိုင်သည် (အောက်ပါ ဥပမာ 2 ကိုကြည့်ပါ)။
ဗားရှင်း- | CSS1 |
---|
Browser ပံ့ပိုးမှု
Selector | |||||
---|---|---|---|---|---|
.class | Yes | Yes | Yes | Yes | Yes |
CSS Syntax
.class {
css declarations;
}
နောက်ထပ် ဥပမာများ
ဥပမာ ၁
<p> အစိတ်အပိုင်းအားလုံးကို class="hometown" ဖြင့် ပုံစံထုတ်ပါ-
p.hometown {
background-color: yellow;
}
ဥပမာ ၂
ဤ <p> ဒြပ်စင်ကို class="center" AND class="large" သို့ class="large" အရ ပုံစံချပါမည်။
<p class="center large">This paragraph refers to two classes.</p>