开发者社区 问答 正文

css的方法使hover标签的子类颜色发生变化?

写了一个简单的例子https://jsfiddle.net/y4okbek1/33/点击预览
span,p设置的是reset.css的内容,这个不能变。
怎样实现父类悬停,子类颜色发生变化呢?

<p class="dl1"><span>★</span><span>哈哈</span></p>

.dl1{
    color:blue;
}
span,p{
    color:black;
}
.dl1:hover{
    color:red;
}

展开
收起
杨冬芳 2016-06-17 13:18:38 2412 分享 版权
1 条回答
写回答
取消 提交回答
  • IT从业

    继续使用层级选择器,例如

    .dl1:hover span {
      color: red
    }
    2019-07-17 19:42:32
    赞同 展开评论
问答分类:
问答地址: