css - 「a」と「a：link」の違い

Question

aとの違いは何ですか？a:linkまた、いつ使用するのですか？

Answer 1

a:link特にアクセスされていないリンク用です。aすべての<a>要素に適用されます。

Answer 2

John Condeの回答とそれに対するコメントは、セレクターの意味をよく説明していますが、尋ねられた質問に対処するには、これらを追加する必要があると思います:

セレクターa:linkは より具体的ですa。これは考えてみれば明らかですが、要素に適用されるいくつかの CSS ルールの影響を考えると見落とされる可能性があります。

一般的なリンク (リンクのフォント フェースなど) にプロパティを設定する場合は、属性のない要素が表示されないようにすることができればa、 を使用するのが最も簡単です。(通常は属性なしで、属性を持つ要素を使用してリンク先を設定するのが一般的でした。より現代的なアプローチは、適切な要素で属性を使用することです。)ahrefanamehrefid

ただし、ほとんどの場合、リンクではない要素のスタイル設定のリスクを回避するために、:linkとの両方を使用することをお勧めします。次に、 を使用して、すべてのリンクのプロパティを設定し、未訪問のリンクと訪問済みのリンクのプロパティを個別に設定します (通常、それらには異なる色を使用します) 。:visiteda:link, :visited {...}:link {...}:visited {...}

:linkとの違いはa:link、特異性:linkは別として、リンクとして分類される要素をカバーすることです。現在、a要素のみがリンクを作成できますが、これは HTML の将来のバージョンで変更される可能性があります。