CSS ::before 伪元素
- ပြီးပြီးခဲ့တာ ::backdrop
- နောက်ပိုင်း ::file-selector-button
- အခြေခံ အပြန် CSS အချုပ်အခြာ အကြွင်းပြီး စားပွဲ
定义和用法
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 အကွက် ပုံစံအား
- ပြီးပြီးခဲ့တာ ::backdrop
- နောက်ပိုင်း ::file-selector-button
- အခြေခံ အပြန် CSS အချုပ်အခြာ အကြွင်းပြီး စားပွဲ