梦之都
CSS教程
,
CSS E[att^=val] 属性值子串选择符示例
示例，[att^=val]匹配文档中元素的属性att的值的前缀为val的元素，为不同的链接增加不同的样式
邮件发送梦之都
安全链接到梦之都
FTP到梦之都
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>CSS E[att^=val] 属性值子串选择符示例，为不同的链接增加不同的样式</title> <style type="text/css" media="all"> a[href^="mailto"] { color: green; background: url(/images/css/icon-mail.png) center right no-repeat; padding: 0 1em 0 0; } a[href^="https://"] { color:red; background: url(/images/css/icon-ssl.png) center right no-repeat; padding: 0 1em 0 0; } a[href^="ftp://"] { color:gold; background: url(/images/css/icon-file.png) center right no-repeat; padding: 0 1em 0 0; } </style> </head> <body> <ul> <li><a href="mailto:dreamdu@dreamdu.com">邮件发送梦之都</a></li> <li><a href="https://www.dreamdu.com/">安全链接到梦之都</a></li> <li><a href="ftp://www.dreamdu.com/">FTP到梦之都</a></li> </ul> </body> </html>