مثال
إدراج بعض النص المعروض على محتوى كل <p> العنصر:
p::before
{
content: "Read this: ";
}
انها محاولة لنفسك » أكثر "Try it Yourself" الأمثلة أدناه.
تعريف واستخدام
و:: قبل محدد يدخل شيئا قبل أن مضمون كل مختارة element(s) .
استخدام المحتوى الخاصية لتحديد المحتوى إلى إدراج.
استخدام :: بعد محدد لادخال شيء بعد المحتوى.
| الإصدار: | CSS2 |
|---|
دعم المتصفح
الأرقام في الجدول تحدد أول إصدار المستعرض الذي يدعم بشكل كامل محدد.
| منتخب | |||||
|---|---|---|---|---|---|
| ::before | 4.0 | تسعة جزئية من 8.0 | 3.5 | 3.1 | 7.0 جزئية من 4.0 |
ملاحظة: IE8 وأوبرا 4-6 فقط دعم القديم، واحد القولون جملة CSS2 (:before) . أحدث الإصدارات دعم قياسي، انقر نقرا مزدوجا القولون جملة CSS3 (::before) .
ملاحظة: للحصول على: قبل أن يعمل في IE8، و <! DOCTYPE> يجب أن يعلن.
CSS بناء الجملة
::before {
css declarations ;
}
مزيد من الأمثلة
مثال
إدراج المحتوى قبل كل <p> محتوى العنصر، وأسلوب ومحتوى إدراجها:
p::before
{
content: "Read this -";
background-color: yellow;
color: red;
font-weight: bold;
}
انها محاولة لنفسك » صفحات ذات صلة
درس CSS: CSS الزائفة العناصر
CSS محدد المرجعي: CSS :: بعد محدد