( <a class="e"  href="mailto:[email protected]">郵件</a>)

.mail{
    background:url("images/email.png") no-repeat 100% ;
    /*background-position:18px 5px;*/
padding-right:20px;
}

$(document
 
).ready(function(){
    $('a[href^=mailto]').addClass('mail');
});
//====================================

“且”： 屬性組合
首先理解這道題
它的意思是隻關href的事，而不是連結裡面的內容，看程式碼
html

<a href="http://www.shakespeare.co.uk/henryv.htm">henry V</a>

<a href="http://www.hao123.com">
 
henry ffff</a>

.henrylink {
    background-color: #fff;
    padding: 2px;
    border: 1px solid #000;
}

$(document).ready(function(){
    //$('a[href^=http][href*=henry]').addClass('mail');
alert("ddd");
    $('a[href^=http][href*=henry]').addClass('henrylink');
});
練習：上一次的練習是且，這一次是或

需求改為“href屬性以http開頭，或包含henry”

<li><a href="http://www.shakespeare.co.uk/henry.htm">Henry V</a></li>
<a href="http://www.hao123.com">Henry ffff</a>

.henrylink {
    background-color: #fff;
    padding: 2px;
    border: 1px solid #000;
}

$('a[href^=http]').addClass('henrylink');
$('a[href*=henry]').addClass('henrylink');