HTML中，如何将css应用于指定某个<div>块中的<a>元素？

Question

HTML中，如何将css应用于指定某个<div>块中的<a>元素？

比如，以下代码中，我只希望bottom的<a>中的文字显示为红色，main中的不显示，请问如何实现？

a {
    color: red;
}

<div class="main">
    <a href="...">人生苦短，我用Python</a>
</div>

<div class="bottom">
    <a href="...">人生苦短，我用Python</a>
</div>

Answer 1

使用类选择器呀！将你样式中的标签选择器 a标签的默认样式去除， 然后通过类选择器 .bottom 添加字体颜色样式即可，代码如下：

        a{
            text-decoration: none;
            color: inherit;
        }
        .bottom {
            color: red;
        }

如若有用，还望博友采纳！