CSS အပြောင်း အချက် စကာတင်

CSS 伪元素

CSS 伪元素用于设置元素特定部分的样式。

例如，它可以用于：

  • 设置元素的第一个字母或第一行的样式
  • 在元素内容之前或之后插入内容
  • 设置列表项标记的样式
  • 设置对话框背景视图的样式

下表展示了 CSS 中不同的伪元素：

伪元素 例子 例子描述
::after p::after 在指定元素的内容之后插入内容。
::backdrop dialog::backdrop 设置对话框或弹出元素背景视图的样式。
::before p::before 在指定元素的内容之前插入内容。
::file-selector-button ::file-selector-button 选择类型为 的按钮。
::first-letter p::first-letter 选择每个

元素的第一个字母。
::first-line p::first-line 选择每个

元素的第一行。
::grammar-error ::grammar-error လက်တင်ကျသော စကားလုံး အပြုအမူ ကို သတ်မှတ်ပြီး ပြောင်းလဲသော လက်တင်ကျသော စကားလုံး အပြုအမူ ကို ပြင်ဆင်သည်。
::highlight() ::highlight(custom-name) ကိုယ်စားပြုသော စံသတ်မှတ်သည်。
::marker ::marker စာလုံး စံသတ်မှတ်သည်。
::placeholder input::placeholder <input> သို့မဟုတ် <textarea> အဆိုပါ အဆိုပါ အခြေခံ အချက်အလက် အပြုအမူ ကို သတ်မှတ်ပြီး ပြင်ဆင်သည်。
::selection ::selection အသုံးပြုသူ က ရွေးချယ်ထားသော စကားလုံး အပြုအမူ ကို သတ်မှတ်ပြီး ပြင်ဆင်သည်。
::spelling-error ::spelling-error လက်တင်ကျသော စကားလုံး အပြုအမူ ကို သတ်မှတ်ပြီး ပြောင်းလဲသော လက်တင်ကျသော စကားလုံး အပြုအမူ ကို ပြင်ဆင်ပြီး ပြောင်းလဲသည်。
::view-transition ::view-transition လုပ်ငန်းသွားသွား အခြေအနေ အသင်းအဖွဲ့ အခြေခံ ကို ကိုယ်စားပြုသည်၊ ပြင်ဘာသာ အခြေအနေ လုပ်ငန်းသွားသွား အခြေအနေ အား ပေါင်းစပ်ထားသည်。
::view-transition-group ::view-transition-group တစ်ခုခုသော လုပ်ငန်းသွားသွား စကာတင် ပုံစံ အသင်းအဖွဲ့ကို ကိုယ်စားပြုသည်。
::view-transition-image-pair ::view-transition-image-pair လုပ်ငန်းသွားသွားခြင်းအခြေအနေကို ကိုယ်စားပြုသော လုပ်ငန်းသွားသွား စကာတင် နှင့် တိုက်ပွဲ လုပ်ငန်းသွားသွား အခြေအနေ (လုပ်ငန်းသွားသွား အခြေအနေ အပြီး နှင့် အစပျက်)。
::view-transition-new ::view-transition-new 表示视图过渡的“新”视图状态。
::view-transition-old ::view-transition-old 表示视图过渡的“旧”视图状态。