<div id="app">
	<div class="title">
		<a href="#" class="active">Tab1</a>
		<a href="#">Tab2</a>
	</div>
	<div class="content">
		内容展示区
	</div>
</div>
#app{
	.title{
		a{
			display: inline-block;
			padding: 10px 20px;
			background-color: #e3e3e3;
			text-decoration: none;
			color: #666;
			&.active{
				background-color: #c3c3c3;
				color: #000;
			}
		}
	}
	.content{
		border: 1px solid #c3c3c3;
		padding: 20px;
	}
}
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.