Цвета - сокращения

by fersterin

HTML

<div class="col1">lightgreen</div>
<div class="col2">lightcoral</div>
<div class="col3">plum</div>
<div class="col5">peru</div>
<div class="col6">tomato</div>
<div class="col7">violet</div>
<div class="col8">wheat</div>
<div class="col9">coral</div>

CSS

.col1 {
	padding: 10px;
	background: lightgreen;
}
.col2 {
	padding: 10px;
	background: lightcoral;
	color: white;
}
.col3 {
	padding: 10px;
	background: plum;
	color: white;
}

.col5 {
	padding: 10px;
	background: peru;
	color: white;
}
.col6 {
	padding: 10px;
	background: tomato;
	color: white;
}
.col7 {
	padding: 10px;
	background: violet;
	color: white;
}
.col8 {
	padding: 10px;
	background: wheat;
}
.col9 {
	padding: 10px;
	background: coral;
	color: white;
}

[class*=col] {
	width: 50%;
	text-align: center;
	color: black;
}