CSS вопрос стиля Ссылки

Question

Моего CSS выглядит следующим образом:

.small, small:hover { color: #000000; }

Моего HTML выглядит следующим образом:

<small>Small Text</small> 
<a href="#"><small>Small Text Link</small></a> 

Я пытаюсь стиль ссылки в небольшом я знаю его, вероятно, простую задачу но он окрашивает весь текст, а не только ссылку. Может ли кто-нибудь указать мне в правильном направлении?

Я использую bootstrap, поэтому я не хочу менять цвет сам по себе.

Answer 1

Вы можете указать, что правила CSS для small элемента следует применять, только если он находится внутри ссылки (a элемента):

a small, a small:hover { color: #000000; } 

Кстати, нет никакого смысла в предоставлении тех же правил для a small и a small:hover, всего a small должно быть достаточно.