Почему в первом ответе получается 22?
Понятно, что два класса у нас - .text и .error. Получается два элемента это оставшееся - li и span?
<!DOCTYPE html>
<html>
<head>
<title>Расчет значения специфичности</title>
<meta charset="utf-8">
<link rel="stylesheet" href="setting.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<ol>
<li>
<p>Рассчитайте значение специфичности для селектора:</p>
<pre>.text li.error span {}</pre>
<p>Ответ <input type="text" name="exercise_1"></p>
<!-- Ответ: 22 -->
</li>
<li>
<p>Рассчитайте значение специфичности для селектора:</p>
<pre>#wrapper .text #message p a {}</pre>
<p>Ответ <input type="text" name="exercise_2"></p>
<!-- Ответ: 212 -->
</li>
<li>
<p>Рассчитайте значение специфичности для селектора:</p>
<pre>#main .content a:hover {}</pre>
<p>Ответ <input type="text" name="exercise_3"></p>
<!-- Ответ: 121 -->
</li>
</ol>
</body>
</html>