爲什麼兩種造型元素的方式有優勢嗎？

-1

我看過很多CSS樣式表，並且至少有兩種方式來對我遇到的元素進行樣式設計。我想知道是怎麼一個造型元素的CSS不同，像下面爲什麼兩種造型元素的方式有優勢嗎？

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

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

的一個

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

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

沒有一個具有比其他什麼優勢呢？

2017-08-31 Daksh B

優點？沒有。他們只是兩個完全不同的選擇器。第一個將只選擇未訪問的''標籤。第二種選擇任何類別爲「link」的東西。 – Santi

'.link'只是添加到'a'標籤的類。 'a：link'表示未訪問鏈接的樣式。在這裏閱讀更多信息：https://www.w3schools.com/css/css_link.asp – tech2017

您的示例不具有可比性。一個是僅適用於鏈接的僞類，另一個是可應用於任何元素的泛型類。 – j08691

這兩種情況都沒有優勢。他們正在執行兩個獨立的功能，所以它有點蘋果對桔子。

如果您只希望它適用於未訪問鏈接，請使用:link。

如果您不關心鏈接是否已被訪問，請使用.link。

:link選擇器僅適用於尚未訪問過的鏈接。

每MDN：

的：鏈接CSS僞類表示尚未訪問過的鏈接（例如錨）。

的.link選擇器是一個簡單的class selector將適用於具有施加到它的類link的任何元件。

每MDN：

的CSS類選擇匹配根據他們的階級屬性的內容元素。

2017-08-31 17:16:02 Santi

通過：鏈接選擇器使用類沒有優勢嗎？ –

...這完全取決於你想要做什麼。 '：link'選擇器不適用於已經訪問過的鏈接。無論訪問與否，「.link」選擇器都適用於具有'class =「link」'的任何內容。 – Santi

嗯，謝謝。 –

回答