使用css来实现点击效果

使用css来实现点击效果

前段时间有人向我提过一个问题:“怎么使用css实现点击操作。”

我想了下倒也不是不可以,在解答了之后觉得有趣,刚好最近也准备写点博客什么的,便拿来做素材吧。

具体实现思路:在点击块上添加一个隐藏的单选input,然后在css里使用选择器判断当前选中块。做出显示或隐藏其他块。代码如下:



	
		
		
	
	
		
		
		

夏天的微风

夏天的风轻轻的吹过……

冬天的雪

雪下的那么认真……

重点代码:

	input[name=title]:checked+p{ /*选择器会玩就行~*/
		color:#53d9ef;
	}
	input[name=title]:checked+p+div{ /* 和上面一样 */
		display: block;
	}

以上就是这次分享的全部内容了;
第一篇文章,如写的不好请指出。

你可能感兴趣的:(css,html,css3,js)