في بعض الأحيان، توفر مدونتنا في كثير من الأحيان بعض الموارد للآخرين لتنزيلها، ولكن في PJBlog، يتم تمثيل جميع روابط التنزيل برمز واحد فقط. باستخدام محدد سمات CSS3 الجديد، يمكن لهذه التقنية الجديدة عرض أيقونات مختلفة وفقًا لأنواع مختلفة من الملفات التي تم تنزيلها.
ما سنستخدمه هنا هو
E [att$=value]{…}
يعني تحديد جميع العناصر E التي تنتهي بالقيمة. ثم يمكننا أن نكتب مثل هذا:
أ[href$='.torrent'] {
الحشو: 5px 20px 5px 0؛
الخلفية: عنوان url شفاف (icons/icon_torrent.gif) بدون تكرار في المنتصف على اليمين؛
}
أ[href$='.vcard'] {
الحشو: 5px 20px 5px 0؛
الخلفية: عنوان url شفاف (icons/icon_vcard.gif) بدون تكرار في الوسط على اليمين؛
}
أ[href$='.exe'] {
الحشو: 5px 20px 5px 0؛
الخلفية: عنوان url شفاف (icons/icon_exe.gif) بدون تكرار في المنتصف على اليمين؛
}
أ[href$='.dmg']، a[href$='.app'] {
الحشو: 5px 20px 5px 0؛
الخلفية: عنوان url شفاف (icons/icon_dmg.gif) بدون تكرار في الوسط على اليمين؛
}