Question

我想要的是，div makeMeWork只有在点击ID为clickMe的div时才能显示<div class="showhim">Press ME<div class="showme">Working</div></div> <div class="showme" id='makeMeWork'>Not Working</div> <div class="showhim" id='clickMe'>Press ME</div>。

fiddle link。

HTML：

.showme{ 
    display: none;
    background-color:red;
    width:200px;
    height:50px;
}
.showhim:active .showme{
    display : block;
    background-color:green;
}

的CSS：

{{1}}

我希望这完全通过css完成，因为js和HTML部分不能再被修改。我想现在的主要问题是，没有办法在css中选择以前的孩子，

类似问题：is-there-a-previous-sibling-selector和show-div-on-hover-with-only-css

Answer 1

现在没有以前没有选择的兄弟可用，但它很快将在css4中已经在w3c中起草，他们正在研究它，告诉使用jquery或css hack！

Read the article

Answer 2

做这样的事情

演示 - http://jsfiddle.net/tbnsoc3y/

将您的内容包装在div中，例如我已经完成了

<div class="cont">
    <div class="showme" id='makeMeWork'>Not Working</div>
    <div class="showhim" id='clickMe'>Press ME</div>
</div>

使div仅出现在另一个的活动状态

2 个答案: