开发者社区> 问答> 正文

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 2332 0
1 条回答
写回答
取消 提交回答
  • IT从业

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

    .dl1:hover span {
      color: red
    }
    2019-07-17 19:42:32
    赞同 展开评论 打赏
问答分类:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
零基础CSS入门教程 立即下载
低代码开发师(初级)实战教程 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载