使用HTML5和CSS更改頁面中的標誌顏色

Question

我在我的網站上有鏈接。當我創建一個新的時，我希望它們看起來像下面這樣。

I'm going to buy a [Nintendo Switch] later this year. 

該段文字爲黑色，鏈接文本是藍色和支架的文字爲紅色。

我該怎麼做？

Answer 1

您可以使用使用:before和:after僞元素以下解決方案：

a, a:link { 
 
    color:blue; 
 
} 
 
a.w-brackets:before { 
 
    content:'['; 
 
    color:red; 
 
} 
 
a.w-brackets:after { 
 
    content:']'; 
 
    color:red; 
 
}

I'm going to buy a <a class="w-brackets" href="http://www.nintendo.com/switch/">Nintendo Switch</a> later this year.