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 ပြောင်းလဲချက်;
}

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

ကန့်ကွက် CSS2

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

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

ချီး အက်ဒီ ဖော့ဖ် ဆာဖီ အိုပရာ
4.0 9.0 3.5 3.1 7.0

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

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

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