Как создать селектор в CSS

Селектор в CSS создается путем указания имени элемента, класса или идентификатора, за которым следует фигурная скобка, в которой указываются свойства стиля для данного селектора.

Примеры селекторов:

1. Селектор элемента:

p {
  color: red;
}

2. Селектор класса:

.my-class {
  font-size: 16px;
}

3. Селектор идентификатора:

#my-id {
  background-color: blue;
}

4. Селектор потомка:

ul li {
  list-style: none;
}

5. Селектор дочернего элемента:

nav > ul {
  margin: 0;
}

6. Селектор атрибута:

input[type="text"] {
  border: 1px solid #ccc;
}