CSS-селекторы используются для выбора конкретного тега или группы тегов, имеющих некоторые общие черты, такие как имя класса, id, (siblings), имя тега.
Селекторы следуют специфике (скажем, приоритету), например, если есть тег, имеющий class = a и id = b. Если вы выбираете элемент с a и b, то будут применены CSS свойства, заданные для b.
Подробнее о селекторах css вы можете прочитать здесь.
Базовый селектор
Универсальный селектор
выбирает все элементы, обозначенные *.
Селектор типа
Этот селектор выбирает все элементы с одинаковым именем тега.
Селектор классов
Этот селектор выбирает все элементы с именем класса, который выбран.
Селектор ID
Этот селектор выбирает элемент с идентификатором.
Многие элементы могут иметь один id, но для этого нужно использовать класс, это просто условность.