CSS 응용 프로그램 : 파일 유형에 따라 다른 아이콘을 표시합니다

때때로 우리의 블로그는 종종 다른 사람들이 다운로드 할 수있는 리소스를 제공하지만 pjblog에서는 모든 다운로드 링크가 하나의 아이콘으로 표시됩니다. 새로운 CSS3 속성 선택기 인이 새로운 기술을 사용하면 다른 유형의 다운로드 파일에 따라 다른 아이콘을 표시 할 수 있습니다.

우리가 여기서 사용하고 싶은 것은입니다
e [att $ = value] {…}

그 의미는 값으로 끝나는 모든 요소 e를 선택하는 데 사용됩니다. 그런 다음 우리는 다음과 같이 쓸 수 있습니다.
a [href $ = '. Torrent'] {
패딩 : 5px 20px 5px 0;
배경 : 투명 URL (아이콘/icon_Torrent.gif) 오른쪽 비비용 센터;
}
a [href $ = '. vcard'] {
패딩 : 5px 20px 5px 0;
배경 : 투명 URL (Icons/Icon_vcard.gif) 오른쪽 반복 센터;
}
a [href $ = '. exe'] {
패딩 : 5px 20px 5px 0;
배경 : 투명 URL (아이콘/icon_exe.gif) 오른쪽 비비용 센터;
}
a [href $ = '. dmg'], a [href $ = '. app'] {
패딩 : 5px 20px 5px 0;
배경 : 투명 URL (아이콘/icon_dmg.gif) 오른쪽 비비용 센터;
}