Разбираем три типичных вопроса возникающих при работе с CSS (каскадные таблицы стилей).

1. Во-первых, пробелы в названии класс, например <div class=»blok1 block1a block1b»>. Как прописать свойства блока в файле стилей (к пример style.css) или внутри конструкции <style></style>, если в названии класса блока стоят пробелы?
   На самом деле, такой вариант названия класса подразумевает не один , а сразу несколько классов: block1 , block1a и block1b. Чтобы определить свойство текста внутри приведенного выше блока <div> достаточно указать:
   div.block1 {color: green;}.
   Можно указать второе или третье названия. Таким образом, для разных блоков, можно задать одни общие и свои конкретные характеристики стиля:
   <style>
div.block1 {font-style: italic;}
div.block1a {color: green;}
div.block1с {font-weight:bold;}
</style>
<div class="block1 block1a">Курсивный текст зеленого цвета</div>
<div  class="block1 block1с">Курсивный жирный текст обычного цвета</div>
<div  class="block1a block1с">Зеленый жирный текст</div>
2. Второй вопрос касается указания решетки # в файлах стилей (например style.css) или в конструкциях <style></style>. Это одно из базисных понятий и, также как точка в CSS отсылает к тегу определенного класса (class=»my_style1″) , так решетка и # отсылает к тегу с определенным ID (id=»my_id»):
   <style>
#first {font-style: italic;}
</style>
<div id="first">Курсив ID</div>
3. Последний, но не по значению речь пойдет о директиве !important. Это слово переводится с английского как важный, и восклицательный знак как бы усиливает важность. !important ставится там где, нужно перекрыть предыдущие свойства того или иного блока. Рассмотрим случай с ссылками:
   <style>
a:link.click, a:visited.click {color: red;}
div.block a:link, a:visited {color: green !important;}
</style>
<div class="block"><a href="#">Ссылка раздора</a></div>
   Если проигнорировать !important, ссылка останется красной (так как указано для класса click выше). А в нашем примере она становится зеленой благодаря важному !important.