css点击后变色 div标签,让div出现并保留在使用CSS点击父div之后

我希望div(当前为display:hidden;)在父div被点击后出现，并使用CSS留在那里。让div出现并保留在使用CSS点击父div之后

我目前在“点击”时出现:active，但只要我放开鼠标的按钮，div就会消失。

如何让分区在被点击后保持原位？

我试过:visited和:focus没有运气，有什么建议吗？

我在这个新的非常确定我在这里犯了一个错误。如果div再次被点击父div，则会更好。

我真的很感谢你的帮助。 谢谢。

.container .l-col, .r-col {

display: none;

}

.container {

cursor: pointer;

}

.container:active .l-col {

display: block;

clear: left;

float: left;

width: 50%;

height: 50%;

}

.container:active .r-col {

display: block;

float: right;

width: 50%;

height: 50%;

}

Parent Element

Left Col

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.

Right Col

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.

+1

是否有之所以你不能使用JavaScript？ –

2013-03-26 22:05:26

+2

在CSS中没有'click'事件，所以要么使用JS，要么使用标签，输入和'：checked'选择器。 –

2013-03-26 22:07:37

+0

您需要使用JavaScript/jQuery来更改要显示的div的类。与JavaScript之类的编程语言不同，CSS没有变量来跟踪事物。 –

2013-03-26 22:09:34