轩哥啊哈OvO 2023-03-21 20:53 采纳率: 90%
浏览 31
已结题

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

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>
  • 写回答

1条回答 默认 最新

  • 趣享先生 全栈领域优质创作者 2023-03-21 21:04
    关注

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

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

    如若有用,还望博友采纳!

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录

报告相同问题?

问题事件

  • 系统已结题 3月29日
  • 已采纳回答 3月21日
  • 修改了问题 3月21日
  • 创建了问题 3月21日