如何爲鏈接設置CSS選擇器（標籤）

Question

我搜索所有解決方案，但沒有任何幫助。

我的簡單的問題是要設置樣式的鏈接（標籤）與類：

<a class="logo"></a> 

我不想一個普通樣式的鏈接或活躍的，但選定類。

謝謝。

Answer 1

有三種不同的方式來求解這一點。既然你不想爲一個鏈接一個全球性的造型這個例子會不會是：

a{ 
/* STYLE HERE */ 
} 

既然你只是想風格，配有surtain類使用的鏈接下面的例子：

a.logo { 
    /* STYLE HERE */ 
} 

或

logo { 
    /* STYLE HERE */ 
} 

或

a[class="logo"] { 
    /* STYLE HERE */ 
} 

最後一個例子是使這種情況發生的一種新方式，一些非常老的瀏覽器不會理解這一點，所以你最好堅持第一個或第二個例子。

Answer 2

使用這樣

<style> 
a[class="logo"] { 
    background-color: yellow; 
} 
</style> 

<a class="logo">test</a> 

Answer 3

我認爲你正在尋找的CSS class selector。

要將樣式應用於單個類，應在CSS選擇器中用點（.）加上類名前綴。

在這種特殊情況下，你會做這樣的：

.logo { 
    /* Styles here */ 
} 

您也可以確保只有鏈接元素被添加元素選擇的影響：

a.logo { 
    /* Styles here */ 
} 

PS。 CSS id selector是#，它以相似的方式工作。

Answer 4

您可以通過定位類添加樣式規則：

a.logo { color: #aeaeae; }