English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
إدراج محتوى بعد كل عنصر <p>:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>دروس الأساس (oldtoolbag.com)</title>
<style>
p:after
{
content:"- علامة أنا";
}
</style>
</head>
<body>
<p>اسمي <b>ليلي</b></p>
<p>أنا أعيش على <b>الساحل</b></p>
<p><b>ملاحظة:</b> :after في IE8 يعمل، يجب إعلان !DOCTYPE</p>
</body>
</html>الاختبار لرؤية ‹/›:after selector ل插入 محتوى بعد العنصر المحدد.
استخدامcontent استخدام الخاصية لتحديد المحتوى الذي سيتم إدراجه.
الرقم في الجدول يظهر إصدار المتصفح الأول الذي يدعم الخاصية.
| محدد | |||||
|---|---|---|---|---|---|
| ::after | 4.0 | 9.0 جزء من 8.0 | 3.5 | 3.1 | 7.0 جزء من 4.0 |
ملاحظة: after في IE8 يعمل، يجب إعلان<!DOCTYPE> .
دروس CSS مزودات CSS
دليل مرجعي لمحددات CSS محدد CSS :before
المحتوى والنمط المدمج بعد كل <p>:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>دروس الأساس (oldtoolbag.com)</title>
<style>
p:after
{
content:"- علامة";
background-color:yellow;
color:red;
font-weight:bold;
}
</style>
</head>
<body>
<p>اسمي <b>ليلي</b></p>
<p>أنا أعيش على <b>الساحل</b></p>
<p><b>ملاحظة:</b> :after في IE8 يعمل، يجب إعلان !DOCTYPE</p>
</body>
</html>الاختبار لرؤية ‹/›