html - WP 小部件中的 <style> 标签问题

Question

我正在尝试通过 :hover 在支持 HTML 源代码的 WordPress 小部件内创建一个简单的图像链接。

请找到我的代码:

<style>
a.filtro{
width:100px;
background: url("http://www.tk.gvdgvd.net/wp-content/uploads/2014/04/tokooblog_filtro-02.png");
}

a.filtro:hover{
width:100px;
background: url('http://www.tk.gvdgvd.net/wp-content/uploads/2014/04/tokooblog_filtro_sel-02.png');
}
</style>

<a href="http://www.tk.gvdgvd.net/?cat=10" class="filtro"></a>

链接现在根本没有出现在页面中

我不知道这里出了什么问题，是不是我的小部件不支持我的 css？所有的“悬停”css 都做对了吗？也许它也搞砸了，但我也找不到代码有什么问题。

提前致谢!

Answer 1

<style>
a.filtro{
width: 196px;
height: 196px;
display: block;
background: url("http://www.tk.gvdgvd.net/wp-content/uploads/2014/04/tokooblog_filtro-02.png");
}

a.filtro:hover{
background: url('http://www.tk.gvdgvd.net/wp-content/uploads/2014/04/tokooblog_filtro_sel-02.png');
}
</style>

<a href="http://www.tk.gvdgvd.net/?cat=10" class="filtro"></a>