2012-11-14 52 views
0

我想創建一個使用一個單一的A HREF如何格式化一個HTML A HREF文本有

兩個不同的字體家族例如用CSS標識多個CSS屬性(兩個不同的字體系列)

<style> 
    a#logo{ 
     "LogoWith" - font-family:sans; 
     "TwoFontFamilies" - font-family:Ariel; 
    } 

</style> 

<a id="logo" href="#">LogoWithTwoFontFamilies</a> 

我知道我寫的CSS是錯誤的。我似乎無法找到一種解決方案來在單個字符串上應用兩種不同的字體系列。

回答

5

只需使用跨度中間的a標籤:

<style> 
    a#logo .oneFont { font-family: sans-serif; } 
    a#logo .twoFont { font-family: Arial; } 
    a#logo .redFont { color: red; } 
    a#logo .blueFont { color: blue; } 
</style> 

<a id="logo" href="#"> 
    <span class="oneFont">LogoWith</span> 
    <span class="twoFont">TwoFontFamilies</span> 
    <span class="redFont">AsManyAsYou</span> 
    <span class="blueFont">WantToUse</span> 
</a> 
+0

謝謝!這似乎是做這項工作。儘管它確實在詞語之間創造了一個小空間。無法弄清楚如何使它看起來像一個單一的字符串... –

+0

如果你不想要一個空格,你可以跨越一行而不用空格: ' ... ...' – woz

+0

您的天才!謝謝 :) –