Ну, в следующем контексте:
.foo {
//properties
}
это указывает на то, что foo является классом. Знак # означает, что это идентификатор, и если у него ничего нет, значит, он предназначен для всех тегов этого типа. Таким образом, в html вы могли бы реализовать что-то с "." как это:
<div class = "foo"></div>
Для "#" это будет
<div id = "foo"></div>
Использовать класс / "." если вы хотите применить его к более чем одной вещи. Используйте id / "#", если хотите, чтобы это относилось к одной вещи.
Хорошо, если вам интересно, что такое класс:
Класс - это один из трех (я думаю, что это 3) способов выбора вещей в CSS. Идентификатор (который я объяснил) говорит, что следующие свойства относятся ко всему (обычно к одной вещи) с 'id = "foo"' в его теге. Селектор класса означает, что он применяется ко всему с тегом "class =" foo "". Если у него нет ни одного из них, это означает, что это относится ко всем вещам с таким именем.
.foo { //applies to all things with "class="foo"" in tag.
border: black thin solid // applies a black border to them.
}
#foo { //applies to all things with "id="foo"" in tag.
border: black thin solid // applies a black border to them.
}
div{ //applies to all div tags.
border: black thin solid // applies a black border to them.
}
h1{ //applies to all h1 tags
border: black thin solid // applies a black border to them.
}