我在一个 div 中有一系列 div。我想对所有这些应用一个 CSS 规则,然后使用类对其中一个应用另一个 CSS 规则。这是我现在的风格:
.singleTiddler div { display:none; }
.singleTiddler div.singleTiddlervisible { display:block; }
Chrome 的问题在于它在检查器中显示为使用 display:block,但没有显示任何内容。有趣的是,当我在检查器中将鼠标悬停在它上面时,它就在那里,但它没有高度。
<div id="tiddlerDisplay" class="singleTiddler">
<div class="singleTiddlervisible">
<div>Hi</div><div>There</div><div>We</div>
<div>Like</div><div>Divs</div>
</div>
<div>
<div>Hi</div><div>There</div><div>We</div>
<div>Like</div><div>Divs</div>
</div>
<div>
<div>Hi</div><div>There</div><div>We</div>
<div>Like</div><div>Divs</div>
</div>
</div>