Селектор в CSS создается путем указания имени элемента, класса или идентификатора, за которым следует фигурная скобка, в которой указываются свойства стиля для данного селектора.
Примеры селекторов:
- Селектор элемента:
p {
color: red;
}
- Селектор класса:
.my-class {
font-size: 16px;
}
- Селектор идентификатора:
#my-id {
background-color: blue;
}
- Селектор потомка:
ul li {
list-style: none;
}
- Селектор дочернего элемента:
nav > ul {
margin: 0;
}
- Селектор атрибута:
input[type="text"] {
border: 1px solid #ccc;
}