Question

我试图在点击时将我的面板/块设置为不同的颜色，例如活性

我的HTML是：

<div class="container">
    <div class="content nobg">
        <div class="sideEffectBox text-center medium-6 columns">
            <div class="panel hlib"> <img src="http://upload.wikimedia.org/wikipedia/commons/2/24/Icon_Transparent_Loupe_256x256.png"/>

 <span class="linkText">Record Side Effects</span>

            </div>
        </div>
    </div>
</div>

我的CSS是：

.container .content .panel.hlib {
    background: #ECC100;
    border:none;
    text-align:center;
}

.sideEffectBox :active{
    background: pink;
}
.container .content .panel.hlib :active {
    background: pink;
    border:10px black solid;
}
.container .content .panel.hlib img {
    display: block;
    padding-bottom: 24px;
    height: 110px;
}
.container .content .panel.hlib .linkText {
    font-size: 20px;
    color: #605748;
    display: block;
    text-align: center;
}

我在这里有一个JS小提琴：http://jsfiddle.net/liammccann1992/hSu4c/300/

我遇到的问题是它只设置我点击活动的内容，例如文字或图片，但父母不应该有效吗？

无论如何我可以强迫父母活跃而不是他们吗？

Answer 1

如我的评论中所述，删除:active之前的空格，它应该被解决：）

CSS，HTML在活动父/子上

1 个答案: