child selector

gistfile1.txt

.status-message {
	width: 300px;
	height: 30px;
	color: #f1f1f1;
	font-size: 12px;
	font-weight: bold;
	box-shadow: 0 0 0 1px #111;
	border: 1px solid rgba(255, 255, 255, 0.1);

	background-image: linear-gradient(bottom, rgb(44,44,44) 31%, rgb(57,57,57) 74%);
	background-image: -o-linear-gradient(bottom, rgb(44,44,44) 31%, rgb(57,57,57) 74%);
	background-image: -moz-linear-gradient(bottom, rgb(44,44,44) 31%, rgb(57,57,57) 74%);
	background-image: -webkit-linear-gradient(bottom, rgb(44,44,44) 31%, rgb(57,57,57) 74%);
	background-image: -ms-linear-gradient(bottom, rgb(44,44,44) 31%, rgb(57,57,57) 74%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.31, rgb(44,44,44)),
		color-stop(0.74, rgb(57,57,57))
	);
}

.status-message .icon-container {
	width: 25px;
	height: 100%;
	float: left;
	border-right: 1px solid rgba(0, 0, 0, 0.3);
	box-shadow: 1px 0 0 0 rgba(255, 255, 255, 0.1);
}

.status-message > span {
	position: relative;
	top: 8px;
	left: 8px;
}

.status-message .icon-container span {
	position: relative;
	left: 6px;
	top: 3px;
	font-size: 28px;
	text-shadow: 0 0 5px #D52C10, 0 0 4px #ec2807;
	
	-webkit-transform: rotate(-225deg);
	-moz-transform: rotate(-225deg);
	-ms-transform: rotate(-225deg);
	-o-transform: rotate(-225deg);
	ransform: rotate(-225deg);
	
}




<div class="status-message">
	<div class="icon-container">
		<span>+</span>
	</div>
	<span>Oops, something awful happened here!</span>
</div>