Как исправить синтаксическую ошибку "Пропущенная точка с запятой", но точка с запятой есть?

#javascript #css

Вопрос:

Я получаю синтаксическую ошибку для пропущенной точки с запятой. Я не вижу, где я пропускаю один.

Я новичок в программировании. Я пытаюсь настроить размер изображения, которое генерируется API. В настоящее время изображение отображается в произвольных размерах, что приводит к удалению страницы. Итак, я попробовал погуглить, поискать справку по коду и переписать код.

Это ошибка:

 /src/index.css (./node_modules/css-loader??ref--6-oneOf-3- 
1!./node_modules/postcss-loader/src??postcss!./src/index.css)
Syntax error: Missed semicolon (2:17)

    1 | img src {
  > 2 |     max-height: 25%
      |                 ^
    3 |     max-width: 25%

Это фактический код:

 img src {
max-height: 25%;
max-width: 25%;
}

1. можете ли вы опубликовать строку 2 index.css

2. Правила CSS заканчиваются точкой с запятой. Ошибка содержит код без точек с запятой, но вы опубликовали код с точкой с запятой. Кажется, есть несоответствие. Если вы используете пакет, такой как webpack, попробуйте посмотреть, откуда он берет ваш CSS.

3. Я удалил src из after img и появилась та же ошибка. Строка 2 имеет максимальную высоту: 25%;

4. Проблема, скорее всего, где-то еще в файле css. Синтаксический анализатор ошибочно указывает номер строки (может быть, даже само сообщение об ошибке, возможно, фактическая проблема вовсе не в пропущенной точке с запятой). Добро пожаловать в программирование.

Ответ №1:

Ваш синтаксис выбора для меня новый. Если вы выбираете src атрибут изображения, попробуйте

 img[src] {
max-height: 25%;
max-width: 25%;
}

Приведенный выше пример позволит вам выбрать любое изображение с src атрибутом.

Если это не устраняет проблему, пожалуйста, опубликуйте больший фрагмент вашего CSS.