使用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.