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 အသုံးပြု ရွေးချယ်သည်

ခွဲခြားသူ အမှတ်အသား အမှတ်အသားဖော်ပြ
& & အခြားအရာတစ်ခု၏ အခြေအနေတစ်ခုတွင် အော်ခေါ်သော အော်ခေါ်ခြင်း