บางครั้งบล็อกของเรามักจะให้แหล่งข้อมูลบางอย่างสำหรับผู้อื่นที่จะดาวน์โหลด แต่ใน pjblog ลิงก์ดาวน์โหลดทั้งหมดจะแสดงด้วยไอคอนเดียวเท่านั้น ด้วยตัวเลือกแอตทริบิวต์ CSS3 ใหม่เทคโนโลยีใหม่นี้เราสามารถแสดงไอคอนที่แตกต่างกันตามไฟล์ที่ดาวน์โหลดประเภทต่าง ๆ สิ่งที่เราต้องการใช้ที่นี่คือ ความหมายของมันใช้ในการเลือกองค์ประกอบทั้งหมด e ที่ลงท้ายด้วยค่า จากนั้นเราสามารถเขียนแบบนี้:
E [att $ = value] {…}
a [href $ = '. torrent'] {
Padding: 5px 20px 5px 0;
ความเป็นมา: URL โปร่งใส (ไอคอน/icon_torrent.gif) ศูนย์กลางที่ไม่มีการทำซ้ำ
-
a [href $ = '. vcard'] {
Padding: 5px 20px 5px 0;
ความเป็นมา: URL โปร่งใส (ไอคอน/icon_vcard.gif) ศูนย์กลางที่ไม่มีการทำซ้ำ
-
a [href $ = '. exe'] {
Padding: 5px 20px 5px 0;
ความเป็นมา: URL โปร่งใส (ไอคอน/icon_exe.gif) ศูนย์กลางที่ไม่มีการทำซ้ำ
-
a [href $ = '. dmg'], a [href $ = 'แอพ'] {
Padding: 5px 20px 5px 0;
ความเป็นมา: URL โปร่งใส (ไอคอน/icon_dmg.gif) ศูนย์กลางที่ไม่มีการทำซ้ำ
-