Обновление: CSS-модули
Эта практика теперь известна как «CSS-модули» и становится все более популярной благодаря популярности Webpack. Концепция состоит в том, чтобы преобразовать (хеш) CSS-селекторов в уникальные имена классов, чтобы убедиться, что между модулями нет конфликтов стилей.
модуль css-loader для Webpack имеет модули , который позволяет использовать эту функцию. Он обычно используется с React, где вы назначаете имена классов в своей разметке через объект JS, доступный при импорте файла CSS, например.
import styles from './style.css
Если этот файл CSS имеет селектор, например. .sidebar , он применяется в разметке через
className={styles.sidebar}//JSX
Webpack будет использовать хеширование имени класса и селектора для обеспечения уникальности.
Оригинальный ответ ↓
Это было бы результатом минимизации и сжатия. Это, несомненно, будет написано с человекочитаемыми идентификаторами и именами классов, но, как прокомментировал Zeta, они затем заменяются аббревиатурами для сохранения байтов. Такие вещи не имеют значения для среднего веб-сайта, но когда вы получаете миллиарды просмотров страниц в минуту, все это имеет значение.
Взгляните на разницу между развитием и production версии jQuery. Это пример результата минимизации и сжатия.