Как применить свойство CSS к конкретному элементу на странице?

Методы применения правила CSS к определенному элементу на веб-странице:

1. По имени тега

Синтаксис:

```css
тег {
свойство: значение;
}
```

Пример:

```css
h1 {
color: red;
font-size: 20px;
}
```

2. По классу

Синтаксис:

```css
.класс {
свойство: значение;
}
```

Пример:

```css
.важный {
font-weight: bold;
color: blue;
}
```

3. По идентификатору

Синтаксис:

```css
#идентификатор {
свойство: значение;
}
```

Пример:

```css
#главный-заголовок {
font-size: 30px;
text-align: center;
}
```

4. По атрибуту

Синтаксис:

```css
[атрибут=значение] {
свойство: значение;
}
```

Пример:

```css
[статус="активен"] {
background-color: green;
}
```

5. По псевдоклассу

Синтаксис:

```css
тег:псевдокласс {
свойство: значение;
}
```

Пример:

```css
a:hover {
color: red;
text-decoration: none;
}
```

6. По псевдоэлементу

Синтаксис:

```css
тег::псевдоэлемент {
свойство: значение;
}
```

Пример:

```css
p::first-letter {
font-size: 2em;
font-weight: bold;
}
```

Обратите внимание, что порядок применения правил может влиять на конечный результат. Браузеры применяют правила в порядке их появления в таблице стилей, поэтому более поздние правила имеют приоритет над более ранними.