-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

インライン スタイリングフィドルを削除する

<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 に答える
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

コメントは問題を指摘しています。font タグを使用して、css 設定を上書きします。(「直接」の html タグは優先順位が高くなります) ... size="2" または完全な font-Tag を削除するだけです

<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 に答える