p[class~="happy"]{ background-color: beige; color: firebrick; } p[class~="sad"]{ background-color: darkslategray; color: white; } td {text-align: right;} tr:first-child td:first-child {background-color: red; color: black; text-align: center;} tr:first-child td:nth-child(2) {background-color: mediumpurple; text-align: right;} tr:first-child td:nth-child(3) {background-color: orange; text-align: right;} tr:first-child td:nth-child(4) {background-color: cyan; text-align: right;} tr:first-child td:nth-child(5) {background-color: chocolate; text-align: right;} tr:first-child td:nth-child(6) {background-color: lime; text-align: right;} tr:first-child td:nth-child(7) {background-color: blue; color: white; text-align: right;} td:first-child {color: red;} td:nth-child(7) {color: blue;} tr:nth-child(2) td:nth-child(3) {color: red;} tr:nth-child(2) td:nth-child(4) {color: red;} tr:nth-child(2) td:nth-child(5) {color: red;} ul {margin-left: 5em;} li {list-style-image: url("1.png");} li:hover {list-style-image: url("2.png");} li:active {list-style-image: url("3.png");} able, tr, td { border: 2px solid; border-spacing: 1ex; } table { caption-side: top; }