1

互いに競合しないようにするには、疑似クラスが適切である必要があることを認識しています。(二重の「順番に」を意図)

問題は、CSS が (一致を見つけたときに) 右から左に読み込まれることを読んだことで、これについて疑問が生じました。

a{
color:blue;
text-decoration:none;
}

a:hover,a:focus{
text-decoration:underline;
}

そうあるべきか、a:focus,a:hoverそれとも今持っているままでいいのか？

4

1 に答える 1

1

この場合、両方を同時にトリガーすることはできないため、重要ではありません...これ:hoverは、マウスでトリガーさ:focusれたリンク イベントと、キーボードでトリガーされたリンク イベントの場合です。

ただし、これを読んで

:link および :visited 疑似クラスは通常、最初に来る必要があります。次は :focus と :hover です。これらは現在指定されているため、訪問済みリンクと未訪問リンクの両方にオーバーライドして適用されます。:focus が :hover より前にある場合、ホバー効果はキーボード入力フォーカスのあるリンクに適用されます。:active 疑似クラスは、常にアクティブ化されたリンクを明確に示したいため、常に最後に配置する必要があります。

ここから: http://reference.sitepoint.com/css/pseudoclasses

この場合、理想は

a:link{
}

a:visited{
}

a:focus, a:hover{
}

a:active{
}
于 2011-12-30T03:07:54.027 に答える