Я загрузил сайт с загрузчиком сайта, на котором были красивые значки. Но после загрузки, эти значки исчезли, и я не вижу никакого файла изображения.Что такое содержание и обратная слэш в css
В html, это так.
<li class="active">
<a href="buttons.html">
<i class="icon-up"></i> Buttons
</a>
</li>
класс выглядит следующим образом.
.icon-up:before {content: "\f0a6"; }
Каков смысл этого определения класса
:before
content
и
"\f0a6"
Google действительно помогает.
content обозначает реальный контент, который помещается внутри элемента css. Итак, p:before {content: 'hello'} поставит строку hello перед содержимым абзаца. См. Здесь: http://jsfiddle.net/gRjRe/
Контент, который вы показали ("\f0a6"), является просто значением Юникода для символа шрифта. Посмотрите, как они используются здесь, например: http://astronautweb.co/snippet/font-awesome/
Технически, '\ f0a6' относится к кодовой точке Unicode U + F0A6, которая является кодовой точкой для частного использования. Ни один символ не присваивается ему стандартом Юникода, но он может использоваться соглашениями между заинтересованными сторонами; так что это «характер», только если вы сделаете специальное соглашение по этому поводу. Шрифт Awesome нарушает принцип, согласно которому коды частного использования не должны использоваться в обмене информацией. –
+1 Они слишком часто нарушают их, я не удивлюсь, если скоро станет стандартом. – Shomz
Он выводит символ со значением f0a6 (61606) Unicode до любого элемента с классом icon-up. Как указал Шомз через this link, в этом контексте это рука, направленная вверх.
.icon-up:before {content: "\f0a6"; }
Объяснение:
:before находится перед каждым соответствием/найден .icon-up элемент
content является содержание ввести до каждый элемент .icon-up, в вашем случае это значение Unicode f0a6 (6160 6), который генерируется Font Awesome в качестве вектора значок:
Определение:
Селектор :before вставляет содержимое перед содержимым выбранного элемента (ов) ,
Объект content используется с псевдоэлементами :before и :after, чтобы вставить сгенерированный контент.
тег: перед тем {содержание: значение}
означает поставить значение содержания перед тегом
и "\ f0a6" означает руки вверх значок
в вашем случае handup значок будет отображаться перед списком Кнопки
Пробовал поиск? – BoltClock
Вы пытаетесь выяснить, куда пошли значки? Вероятно, это использование шрифта значка, который как-то неправильно загружается на загруженном сайте. – nwalton