Css ：父div类的活动不适用于子div

我有一个按钮，由

divs

组成

.parent

div有子div；一个带有图标的

div

，另一个带有文本的

span

<div class="parent" style="width:100px;height:100px;">
    <div class="child1" style="width:50px;height:50px;">
        <img src="#"/>
    </div>
    <div class="child2" style="width:20px;height:20px;">
        <span>hii</span>
    </div>
</div>


.parent:active{ background: red;}

hii
.parent:活动{背景：红色；}

这仅在我单击子div外和父div内时有效。 但我需要整个区域

这在chrome中运行良好，但在IE中不起作用。

---

我需要一个既适用于chrome又适用于IE的解决方案。

为什么不使用一个处于活动状态的实际按钮

编辑： 我注意到你提到这在IE中不起作用，这是因为在IE中，可点击区域位于你放在父div上的内容的后面，不管出于什么原因，老实说，我不太理解这一点；但我发现的修复方法包括将

：：before

和

：：after

伪类设置为父div，并具有以下属性：

.parent:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

按钮{
宽度：100px；
高度：100px；
}
按钮：激活{
背景色：红色；
}
.家长{
宽度：100px；
高度：100px；
边框：1px实心#000；
显示器：flex；
证明内容：中心；
对齐项目：居中；
位置：相对位置；
}
.家长：主动{
背景色：红色；
边框：1px实心#000；
}
.家长：以前{
内容：“；
显示：块；
位置：绝对位置；
排名：0；
右：0；
底部：0；
左：0；
}

正文
hii

为什么不在按钮处于活动状态时使用实际按钮

编辑： 我注意到你提到这在IE中不起作用，这是因为在IE中，可点击区域位于你放在父div上的内容的后面，不管出于什么原因，老实说，我不太理解这一点；但我发现的修复方法包括将

：：before

和

：：after

伪类设置为父div，并具有以下属性：

.parent:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

按钮{
宽度：100px；
高度：100px；
}
按钮：激活{
背景色：红色；
}
.家长{
宽度：100px；
高度：100px；
边框：1px实心#000；
显示器：flex；
证明内容：中心；
对齐项目：居中；
位置：相对位置；
}
.家长：主动{
背景色：红色；
边框：1px实心#000；
}
.家长：以前{
内容：“；
显示：块；
位置：绝对位置；
排名：0；
右：0；
底部：0；
左：0；
}

正文
hii

你能提供一个答案吗？你能澄清你的第一句话吗？我很难理解你的句子结构。你也能添加HTML吗？你的第一句话很难理解。

：active

只在你按下鼠标按钮的那一刻起起作用，直到你再次松开鼠标为止-确定这就是你想要的吗？你的问题描述真的不清楚，当我在Chrome中看到这一点时，点击任何东西——图像、文本、它们旁边的空间——都会触发效果。在Chrome中，它起作用，但在IE中不起作用。你能提供一个答案吗？你能澄清你的第一句话吗？我很难理解你的句子结构。你也能添加HTML吗？你的第一句话很难理解。

：active

只在你按下鼠标按钮的那一刻起起作用，直到你再次松开鼠标为止-确定这就是你想要的吗？你的问题描述真的不清楚，当我在Chrome中看到这一点时，点击任何东西——图像、文本、它们旁边的空间——都会触发效果。在Chrome中，它起作用，但在IE中不起作用。不，我的模板处理div。当孩子处于活动状态时，我可以将样式应用于家长吗？嗯，使用按钮的想法只是为了语义，它也应该适用于div，我编辑了答案，看一看否，我的模板处理div。当孩子处于活动状态时，我可以将样式应用于家长吗？嗯，使用按钮的想法只是为了语义，它也应该适用于div，我编辑了答案，看一看