JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.3/angular.js"></script>
<div ng-controller="Ctrl">
    <div ng-repeat="color in colors" ng-class="color">{{color}}</div>
</div>

CSS

.black {
  color: black;
  background-color: 'white';
}

.white {
  color: white;
  background-color: black;
}

.red {
  color: #000;
  background-color: red;
}

JavaScript

var app = angular.module('myApp', []);


function Ctrl($scope) {
    $scope.colors = ['black', 'white', 'black', 'red', 'black', 'white'];
}