Как установить селектор 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; }