Прошу совета

Здраствуте, подскажите как это работает или где об этом прочитать) ибо то что в background и что такое i[class^="icon--"] гугл мне не помог
i[class^="icon--"] {width:18px; display:inline-block; vertical-align:middle; font-size:0; background-repeat:no-repeat; background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAA7CAYAAAATgCjWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTe //// и ещё очень много непонятного текста\\\ ');}
.icon--home {background-position:0 0; height:17px;}
.icon--gallery {background-position:0 -17px; height:17px;}
.icon--logout {background-position:0 -34px; height:18px;}
.icon--corner {background-position:0 -52px; height:7px; width:7px !important;} и вот такое .list .list-item:hover > .icon--gallery {background-position:-18px -17px;}
при наведении в двух классах меняеться только данныый параметр?
сама работа http://jsfiddle.net/qxEU4/1/
.icon--home {background-position:0 0; height:17px;}
.icon--gallery {background-position:0 -17px; height:17px;}
.icon--logout {background-position:0 -34px; height:18px;}
.icon--corner {background-position:0 -52px; height:7px; width:7px !important;} и вот такое .list .list-item:hover > .icon--gallery {background-position:-18px -17px;}
при наведении в двух классах меняеться только данныый параметр?
сама работа http://jsfiddle.net/qxEU4/1/
27 августа 2015 в 12:18
Ближайшие курсы
Android. Базовый уровень
Разработка под мобильные устройства на Android Studio v 3
10
декабря

Интенсив "Основы программирования"
Онлайн-курс
11
декабря

Веб-аналитика в интернет-маркетинге. Начальный уровень
Отслеживание ключевых показателей и KPI
11
декабря
Новые статьи

Приключения бравого джависта в поисках пропитания
14470

День карьеры GeekBrains: трудоустраиваем в офлайне
203660

Как изменился Инстаграм в 2019 году
73100