-2

我已经为链接设置了 css 代码，但文本大小不起作用。为什么？我的代码有什么问题？谢谢

js小提琴

代码

  <h1> Clicca <a href='http://www.chitarrastudio.com/'><font size='2' face='Verdana'>QUI</font></a> per tornare su <a href='http://www.chitarrastudio.com/'><font size='2' face='Verdana'>Chitarra Studio!</font></a></h1>


      a:link{ 
        font-family: Oswald, Arial, Tahoma, Sans serif;
           font-size:38px;
        text-decoration: none; 
        color: #FF6600;
      } 

a:visited{  font-family: Oswald, Arial, Tahoma, Sans serif;
           font-size:38px;
        color: #d3d3d3; 
      } 

a:hover{ 
        font-family: Oswald, Arial, Tahoma, Sans serif;
           font-size:44px;
        color: #FF9900; 
        text-decoration: none;
      }
4

3 回答 3

0

您的问题是内联样式定义将覆盖任何以前的样式。取出元素中的内联样式，你会没事的。像这样：

a:link{ 
    font-family: Oswald, Arial, Tahoma, Sans serif;
       font-size:38px;
    text-decoration: none; 
    color: #FF6600;
  } 

a:visited{  font-family: Oswald, Arial, Tahoma, Sans serif;
       font-size:38px;
    color: #d3d3d3; 
  } 

a:hover{ 
    font-family: Oswald, Arial, Tahoma, Sans serif;
       font-size:44px;
    color: #FF9900; 
    text-decoration: none;
  }


<h1> Clicca <a href='http://www.chitarrastudio.com/'>
<font face='Verdana'>QUI</font></a> per tornare su 
<a href='http://www.chitarrastudio.com/'>
<font face='Verdana'>Chitarra Studio!</font></a></h1>
于 2013-09-29T19:42:54.740 回答
0

评论指出了这个问题。使用字体标签覆盖您的 CSS 设置。（“直接” html 标签获得更高的优先级）...只需删除 size="2" 或完整的字体标签

<h1> Clicca <a href='http://www.chitarrastudio.com/'>QUI</a> per tornare su <a href='http://www.chitarrastudio.com/'>Chitarra Studio!</a></h1>
于 2013-09-29T19:43:28.480 回答
0

删除内联样式小提琴

<h1> Clicca <a href='http://www.chitarrastudio.com/'>QUI</a> per tornare su <a href='http://www.chitarrastudio.com/'>Chitarra Studio!</a></h1>
于 2013-09-29T19:45:32.927 回答