때때로 우리 블로그는 다른 사람들이 다운로드할 수 있는 리소스를 제공하는 경우가 많지만 PJBlog에서는 모든 다운로드 링크가 하나의 아이콘으로만 표시됩니다. 새로운 CSS3 속성 선택기를 사용하면 이 새로운 기술을 통해 다운로드한 파일의 다양한 유형에 따라 다양한 아이콘을 표시할 수 있습니다.
여기서 우리가 사용할 것은
E [att$=value]{…}
value로 끝나는 E 요소를 모두 선택한다는 의미입니다. 그러면 우리는 다음과 같이 쓸 수 있습니다:
a[href$='.torrent'] {
패딩: 5px 20px 5px 0;
배경: 투명 URL(icons/icon_torrent.gif) 반복 없음 가운데 오른쪽;
}
a[href$='.vcard'] {
패딩: 5px 20px 5px 0;
배경: 투명 URL(icons/icon_vcard.gif) 반복 없음 가운데 오른쪽;
}
a[href$='.exe'] {
패딩: 5px 20px 5px 0;
배경: 투명 URL(icons/icon_exe.gif) 반복 없음 가운데 오른쪽;
}
a[href$='.dmg'], a[href$='.app'] {
패딩: 5px 20px 5px 0;
배경: 투명 URL(icons/icon_dmg.gif) 반복 없음 가운데 오른쪽;
}