CSS ::before 伪元素

定义和用法

CSS ::before 伪元素用于在指定元素的内容之前插入一些内容。

使用 content 属性指定要插入的内容。content 的值可以是：

• 字符串：content: "Hello world!";
• 图片：content: url(myimage.jpg);
• 无内容：content: none;
• 计数器：content: counter(li);
• 引号：content: open-quote;
• 属性值：content: " (" attr(href) ")";

提示：请注意，插入的内容仍然位于指定元素内部。插入的内容会添加到元素内部的其他内容之前。

使用 ::after 在特定元素的内容之后插入一些内容。

实例

例子 1

在每个

元素的内容之前插入一个字符串：

p::before {
  content: "Read this: ";
}

ကိုယ်စားပြုလုပ်ကြည်း

例子 2

在每个

元素的内容之前插入一个字符串，并设置插入内容的样式：

p::before {
  content: "Read this -";
  background-color: yellow;
  color: red;
  font-weight: bold;
}

ကိုယ်စားပြုလုပ်ကြည်း

CSS ပုံစံ

::before {
  css ပြောင်းလဲချက်;
}

နည်းပါး အချက်အလက်

ဘာသာပြန်ကြောင်း ကူးကြောင်း

အချက်အလက် ပြတ်တ်ချက် ကို ပြောင်းလဲသော ဘာသာပြန်ကြောင်း သို့ ပြောင်းလဲပြီး ပုံစံကို ကိုယ်စားပြုထားသော ဘာသာပြန်ကြောင်း ဘာသာပြန်ထားသည်။

ပါဝင်သော စာမျက်နှာ

ပြောပြချက်CSS အကွက် ပုံစံ

လိုအပ်ချက်CSS ::after အကွက် ပုံစံအား