2016-10-27 17 views
0

リンクをマウスでクリックしてサイズを大きくして青色で表示すると、外部スタイルシートを使用して順序付けられていないリスト内のいくつかのリンクを整形しようとしています。私の構文は以下の通りです:外部CSSスタイルシートからリスト内のリンクをフォーマットする

HTML

<ul> 
     <li> 
      <a href="#dejaview"><img src="imgs/dejaview_lft.gif" width="95px" height="75px" alt="Dejaview" 
      title="Click for more info"/>Dejaview</a> 
     </li> 

ULは

スタイルシート

ul.a:hover 
    { 
    font-size: 200%; 
    color: blue; 
    } 

は、私がここで間違って何をやって終了する前にこの次の3つの以上のリンクは、「私はできる、あります。私はリストの中のすべてのリンクのフォーマットを変更したいと思っていましたが、作成する必要はありませんでしたクラス 彼らのために。ドットので

を動作するはずです私は、私がCSSにN00Bだにかかわら

おかげ

リック

+1

「ul.a」は、「a」というクラスを持つ任意のul要素を意味します。代わりに 'ul li a:hover {...}'を試してみてください。 – Santi

+0

あなたのCSSエラーを示す答えは正しいものの、あなたの問題の程度を反映していないかもしれません。提案された変更を行っても、キャッシュを更新した後でも運が上がらない場合は、CSSのカスケード部分と特殊性(よく理解されていないことが多い)を調べます。カスケードとは、あなたのスタイルを影響を受ける要素に「近い」スタイルに置き換えることができ、最終的にインラインスタイルが勝つことを意味します。具体性とは、より具体的なルールが適用されることを意味します。https://www.smashingmagazine.com/2007/07/css-specificity-things-you-should-know/ –

+0

提案された修正により、問題が解決しました。答えをありがとう! –

答えて

1
ul li a:hover 
    { 
    font-size: 200%; 
    color: blue; 
    } 

間違っている可能性が '' 「a」は「a」というクラスを表します。

1

あなたのCSSは間違っています。 以下のように編集する必要があります。

ul a:hover 
{ 
    font-size: 200%; 
    color: blue; 
} 

ul.a:あなたのコードが以下のようなときにホバーが動作します。 '。' 「クラス」を意味します。

<ul class="a"> 
<li>hi</li> 
</ul> 
関連する問題