CSS ကိုယ်တိုင် စွမ်းဆောင်ကြပ်တင်
- အရှေ့စား CSS ဘတ်ကျိုင်းသုံး
- နောက်ပိုင်းစား CSS ပေါင်းစပ်
CSS 选择器
CSS 选择器用于“查找”(或选择)您想要设置样式的 HTML 元素。
使用我们的 CSS 选择器测试器来演示不同的选择器。
CSS 简单选择器
简单选择器根据元素名称、id 和类选择元素。此外,还有通用选择器(*
)。
ခွဲခြားသူ | အမှတ်အသား | အမှတ်အသားဖော်ပြ |
---|---|---|
element | p | 选择所有 元素。 |
#id | #firstname | 选择 id="firstname" 的元素。 |
* | * | 选择所有元素。 |
.class | .intro | 选择 class="intro" 的所有元素。 |
CSS အချက်အလက်ခွဲခြားသူ
အချက်အလက်ခွဲခြားသူ က အချက်အလက်ပေါင်းစုံကို ဖော်ထုတ်သော ခွဲခြားသူ HTML အချက်အလက်များကို ခွဲခြားသည်။
ခွဲခြားသူ | အမှတ်အသား | အမှတ်အသားဖော်ပြ |
---|---|---|
[attribute] | [target] | target အချက်အလက်ပါသော ခွဲခြားသူ အချက်အလက်များကို ခွဲခြားသည်။ |
[attribute=value] | [target=_blank] | target="_blank" အချက်အလက်ပါသော ခွဲခြားသူ အချက်အလက်များကို ခွဲခြားသည်။ |
[attribute~=value] | [title~=flower] | title အချက်အလက်များတွင် "flower" အစ်စ် ပါဝင်သော ခွဲခြားသူ အချက်အလက်များကို ခွဲခြားသည်။ |
[attribute|=value] | [lang|=en] | lang အချက်အလက်များတွင် "en" အစ်စ် စတင်သော ခွဲခြားသူ အချက်အလက်များကို ခွဲခြားသည်။ |
[attribute^=value] | a[href^="https"] | ခွဲခြားသူ src အချက်အလက်များတွင် "https" အစ်စ် စတင်သော ခွဲခြားသူ <a> အချက်အလက်များကို ခွဲခြားသည်။ |
[attribute$=value] | a[href$=".pdf"] | ခွဲခြားသူ src အချက်အလက်များတွင် ".pdf" အစ်စ် အပိုင်းဖြင့် အဆုံးသတ်သော ခွဲခြားသူ <a> အချက်အလက်များကို ခွဲခြားသည်။ |
[attribute*=value] | a[href*="codew3c"] | ခွဲခြားသူ href အချက်အလက်များတွင် "abc" အစ်စ် အသုံးပြုသော ခွဲခြားသူ <a> အချက်အလက်များကို ခွဲခြားသည်။ |
CSS အသုံးပြု ရွေးချယ်သည်
ခွဲခြားသူ | အမှတ်အသား | အမှတ်အသားဖော်ပြ |
---|---|---|
& | & | အခြားအရာတစ်ခု၏ အခြေအနေတစ်ခုတွင် အော်ခေါ်သော အော်ခေါ်ခြင်း |
- အရှေ့စား CSS ဘတ်ကျိုင်းသုံး
- နောက်ပိုင်းစား CSS ပေါင်းစပ်