Пример:
<div class="class1 class2">123</div>
ruseller.com/shporacss.php?id=29
shpargalkablog.ru/2012/04/display-block-inline-css.html
a {color: blue;}
.whitewine a {color: #FFBB00;}
a.redwine {color: #800000;}
a.redwine:nth-child(1) {color:red;}
.redwine a:nth-child(3) {color:red;}
<html>
<head>
<title>Пример</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="les.css" type="text/css" media="all" />
</head>
<body>
<div class="whitewine">
<strong>Виноград для белого вина:</strong>
<a href="/tutorials/css/lesson7_ex2.php">Рислинг</a>
<a href="/tutorials/css/lesson7_ex2.php">Шардонэ</a>
<a href="/tutorials/css/lesson7_ex2.php">Пино Блан</a>
123
</div>
<p><strong>Виноград для красного вина:</strong></p>
<ul>
<li class="redwine"><a href="/tutorials/css/lesson7_ex2.php">Вино</a> <a href="/tutorials/css/lesson7_ex2.php">Кабернэ</a> <a href="/tutorials/css/lesson7_ex2.php">Совиньон</a></li>
<li><a href="/tutorials/css/lesson7_ex2.php" class="redwine">Мерло</a></li>
<li><a href="/tutorials/css/lesson7_ex2.php" class="redwine">Пино Нуар</a></li>
<li class="redwine">456</li>
</ul>
<p><a href="dok.htm">ссылка без класса</a> - она остаётся синей.</p>
</body>
</html>
Таблица HTML кодов цветов:
stm.dp.ua/web-design/color-html.php
раскраска элементов класса по номерам:
.class1:nth-child(3) { background:red;}
В html код <a href="" id="class2">текст</a> #class2 - применяется 1 раз.
#class2 {color: red;}
Таблицы:
<table>
<tr> <td>элемент строки 1</td> <td>элемент строки 2</td> </tr>
<tr> <td>элемент 2-й строки 1</td> <td>элемент 2-й строки 2</td> </tr>
</table>
Применяем к нему стиль
<style>
.share42init {opacity: 1;} // полностью непрозрачый блок, по умолчанию
.share42init a {opacity: 0.3;} // по умолчанию сылки с прозрачностью 0.3
.share42init:hover a {opacity: 0.6;} // при наведении на блок, ссылки прозрачны на 0.6
.share42init:hover {background: #DCDCDC;}// при наведении на блок, красим фон
.share42init:hover a:hover {opacity: 1;}// при наведении на блок, навели на сылку - непрозрачная ссылка
</style>