要素をスタイリングする2つの方法はなぜ利点がありますか？

Question

私はたくさんのCSSスタイルシートを見てきました。私が出会った要素をスタイリングする方法は少なくとも2つあります。私が知りたいのですが

.link { 
    color: green; 
    background-color: transparent; 
    text-decoration: none; 
} 

<a href="#" class="link">Link1</a> 

に

a:link { 
    color: green; 
    background-color: transparent; 
    text-decoration: none; 
} 

<a href="#">Link</a> 

以下のいずれかのよう、CSS要素異なるをスタイリングする方法である一方が他方の上にどのような利点がありますか？

Answer 1

どちらの場合でも利点はありません。彼らは2つの別々の機能を実行しているので、それは少しのリンゴからオレンジまでです。

未訪問のリンクにのみ適用したい場合は、:linkを使用してください。

リンクが訪問されたかどうか気にしない場合は、.linkを使用してください。

---

:linkセレクタは、まだ訪問されていないリンクにのみ適用されます。 MDNパー

：

：リンクCSSの擬似クラスはまだ訪問されていない（例えばアンカーなど）のリンクを表しています。

---

.linkセレクタは、単純なclass selectorがそれに適用されるクラスlinkを有する任意の要素に適用されています。 MDNパー

：

CSSクラスセレクタは、そのクラス属性の内容に基づいて要素にマッチします。