造型电子邮件链接/ HREF =“电子邮件地址：”用CSS(Styling email link /

感谢StackOverflow的我终于找到了一种风格我的电子邮件中的链接，但我不知道为什么它不无我发现这里的解决方案工作。

由于该链接是与“关于”归类的跨度，它有字体大小和样式定义的一部分，不应在电子邮件中的链接显示在11像素和无衬线字体？

同时

a[href^="mailto:"]

{ 
  font-family: sans-serif;
  color: black;
  font-size: 11px;
}

伟大的工程，只要我尝试将其转变成

.about a[href^="mailto:"]

{ 
  font-family: sans-serif;
  color: black;
  font-size: 11px;
}

因为它应该也不会起作用。

不要标签不听跨越格式或类嵌套？

    <!DOCTYPE html>
<html>
<head>
<style type="text/css">

html {
    height:100%;
}

body {
    height: 100%;
    margin-left: 20px;
    margin-top:0px;
}

.bottom-left {

    position: absolute;
    font:sans-serif;
    bottom: 15px;
    left: 15px;
}


.bold {
    font-family: serif;
}


.about {
    font-size: 11px;
    font-family: sans-serif;
}


/*a[href^="mailto:"]

{ 
  font-family: sans-serif;
  color: black;
  font-size: 11px;
}*/



.address {
font-size: 11px;
border-bottom: 1px grey dotted;
}




</style>

<title>TEMP</title>

</head>
<body>


<div class="bottom-left">
        <span class="about">
            <span class="bold">XYZ</span> is a project space .&nbsp;&nbsp;&#124;&nbsp;
            <span="address">Website Information</span> &mdash; <a href="mailto:info@info.eu">info@info.eu</a>
        </span>
</div>



</body>
</html>

Answer 1:

你好其实你已经评论了你的电子邮件链接的CSS： -

所以现在写这样的方法，它的做工精细的CSS ......

a[href^="mailto:"]
{ 
  font-family: sans-serif;
  color: red;
  font-size: 11px;
}

看到演示： - http://jsbin.com/ijofoq/edit#html,live

更新

现在，它的做工精细...编辑HTML，并添加你的HTML

<div class="bottom-left">
    <div class="about">
        <span class="bold">XYZ</span> is a project space .&nbsp;&nbsp;&#124;&nbsp;
        <span="address">Website Information</span> &mdash; <a href="mailto:info@info.eu">info@info.eu</a>
    </div>

基本上你要删除的跨度标签。有关类。

检查： - http://jsbin.com/ijofoq/2/edit