html - CSS链接样式问题

Question

我的 CSS 看起来像:

.small，small:hover { 颜色:#000000; }

我的 HTML 看起来像:

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

我正在尝试将链接设置为小样式，我知道这可能是一个简单的问题，但它为整个文本着色，而不仅仅是链接。有人能指出我正确的方向吗？

我正在使用 bootstrap，所以我不想单独更改 a 的颜色。

Answer 1

您可以指定仅当 small 元素位于链接内部(a 元素)时才应应用该元素的 CSS 规则:

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

顺便说一句，为 asmall 和 asmall:hover 提供相同的规则是没有意义的，只需 asmall 应该就够了。