Синтаксис псевдо-элементов :before и :after
Вы, наверное, заметили, как часто в своих уроках я использую эти два псевдо-элемента. Почему они мне нравятся? Потому что их так удобно использовать, что даже не надо добавлять дополнительные HTML элементы. Однако данная статья посвящена не преимуществам псевдо-элементов.
Данная статья посвящена тому, чтобы раз и навсегда разъяснить все непонятки, касающиеся синтаксиса псевдо-элементов.
Псевдо-что?
Псевдо-элементы так называются, потому что они не являются настоящими HTML элементами. Например, в HTML нет тегов before и after, однако в CSS вы можете применить стили к элементам :before и :after.
Одно или два двоеточия?
Нет никакой разницы между :before и ::before или между :after и ::after. Синтаксис с двумя двоеточиями характерен для CSS3.
На http://www.w3.org/TR/css3-selectors/#pseudo-elements есть такой абзац:
Этот знак (::) введен для того, чтобы отличить псевдо-классы от псевдо-элементов. Для совместимости с уже существующими таблицами стилей псевдо-элементы в CSS 1 и 2 также возможно задавать с одним двоеточием (в частности, :first-line, :first-letter, :before и :after).
Резюмируем
IE 7 и более ранние версии не поддерживают перечисленные псевдо-элементы. Но зато IE 8 поддерживает, и это веская (и единственная) причина использовать синтаксис с одним двоеточием.
Важно!
Пожалуйста, не забывайте, что все эти разговоры об одном или двух двоеточиях касаются только псевдо-элементов, а не псевдо-классов.
Как вы пишите?
Пишите в комментариях о том, какой синтаксис используете именно вы, и из каких соображений.
Источник: http://feedproxy.google.com/~r/ruseller/CdHX/~3/1tCDV7VzcRs/lessons.php
-
Сколько бы ни было товаров в вашем интернет-магазине, вам нужно описывать каждый из них: заполнять характеристики и распределять товары ...2020-03-23 -
Все, кто пользуется Denwer (ДНВР), проще говоря джентльменским набором веб-разработчика, знают, что обновления пакета происходят не так уж и ...2018-10-07 -
Один из моих клиентов обратился ко мне с такой просьбой. У них есть сайт и на нем в некоторых местах, причем не со всех устройств появляет...2018-05-02 -
Достаточно распространённым является мнение, что редизайн интернет-ресурса может крайне негативно сказаться на его производительност...2018-04-03 -
В последнее время попадаются сайты с одной и той же уязвимостью в AdsManager, в этой статье я расскажу, как найти и закрыть уязвимость на сайт...2018-03-21
-
Как писать? Стройте текст по определенной логической схеме. Интуитивно составленный текст, в котором Вы выкладываете посетителю все и с...2017-05-24 -
Ребята из проекта Canva знают о сайтах с бесплатными иконками буквально все — составили список из 50 наиболее популярных и интересных. Те...2017-05-07 -
Доброго времени суток уважаемые мои читатели! Сегодня мы расследуем причину появления ошибки [an error occurred while processing the directive] на одном из мо...2017-03-13
-
Чтобы поисковые роботы при попытки индексации не получали «403» ошибку и не убирались восвояси, предлагаем ознакомиться со списком диап...2017-03-01 -
14 декабря стало известно об уязвимости, которая доступна во всех версиях CMS Joomla, начиная от Joomla 1.5 (до 3.4.5 включительно). Уязвимость позвол...2017-01-16 -
Одна из основных − практически наиболее важных − задач сайта является обеспечение возможности для клиентов связаться с представител...2016-11-30 -
Владельцы сайтов часто сталкиваются с необходимостью обеспечить сохранность веб-страниц. Не секрет, что они склонны к изменениям и с...2016-10-12 -
Публикация текстового контента на интернет-сайтах несколько отличается от аналогичных действий с печатью статей в бумажных журнала...2016-09-21 -
Если вы являетесь владельцем интернет-ресурса, который был создан для работы с отечественными пользователями, то наверняка сталкива...2016-09-13 -
Основой создания и работы любого сайта являются различные веб-технологии. В этой статье обратим внимание на то, какие технические во...2016-08-31
|
Вы, наверное, заметили, как часто в своих уроках я использую эти два псевдо-элемента. Почему они мне нравятся? Потому что их так удобно использовать, что даже не надо добавлять дополнительные HTML |
РэдЛайн, создание сайта, заказать сайт, разработка сайтов, реклама в Интернете, продвижение, маркетинговые исследования, дизайн студия, веб дизайн, раскрутка сайта, создать сайт компании, сделать сайт, создание сайтов, изготовление сайта, обслуживание сайтов, изготовление сайтов, заказать интернет сайт, создать сайт, изготовить сайт, разработка сайта, web студия, создание веб сайта, поддержка сайта, сайт на заказ, сопровождение сайта, дизайн сайта, сайт под ключ, заказ сайта, реклама сайта, хостинг, регистрация доменов, хабаровск, краснодар, москва, комсомольск |
Поделиться статьей:
|
Акция: Закажи любой сайт до окончания акции и получи скидку + подбор семантического ядра + поисковую оптимизацию сайта Это позволит Вам получать еще больше трафика и соответственно клиентов из Интернета!
До конца акции осталось
0
5
4
3
2
1
0
0
9
8
7
6
5
4
3
2
1
0
0
5
4
3
2
1
0
0
9
8
7
6
5
4
3
2
1
0
0
9
8
7
6
5
4
3
2
1
0
0
9
8
7
6
5
4
3
2
1
0
|
Узнайте подробности акции у менеджеров компании по телефонам: 8-924-200-7194 г.Хабаровск 8-800-550-9899 Бесплатно по России (с 3 до 11:30 по Мск) |
Новые статьи и публикации
- 2020-06-22 » Составление контент-плана для блога и социальных сетей: секреты успеха
- 2020-06-11 » Видеореклама от А до Я
- 2020-06-04 » Особенности выбора домена для интернет-сайта
- 2020-05-29 » Оптимизация мобильного сайта: всё, что нужно знать об этом процессе
- 2020-05-21 » Сегментация аудитории: как правильно работать в этом направлении?
- 2020-05-18 » Создание привлекательного сниппета: новые возможности Вебмастера
- 2020-04-30 » 5 отчетов для ведения финансов в малом бизнесе. Шаблоны и вебинар с инструкциями
- 2020-04-03 » Яндекс.Метрика: все карты на стол!
- 2020-03-26 » Яндекс.Поиск: особенности и плюсы такого инструмента на сайте
- 2020-03-23 » Как систематизировать товары в интернет-магазине: категории, типы и характеристики
- 2020-03-19 » Умные ленты соцсетей: как это работает?
- 2020-03-12 » Лонгриды: когда длинные тексты на сайте действительно нужны?
- 2020-03-05 » Алгоритм BERT: всё, что о нём нужно знать
- 2020-02-27 » 43 способа увеличить интернет-продажи
- 2020-02-25 » Геореклама: основные возможности и специфика
- 2020-02-10 » Как собрать низкочастотную семантику: 4 способа, о которых не знают ваши конкуренты
- 2020-02-05 » Интерфейс для сайта BTB: секреты правильного проектирования
- 2020-02-03 » 7 лайфхаков для предпринимателей: от организации списка дел до вовлечения сотрудников
- 2020-02-03 » 10 трендов, которые помогут завоевать клиентов в 2020 году
- 2020-01-29 » 7 причин неэффективности рекламы
- 2020-01-22 » Интернет-магазины: какими должны быть их сайты в 2020 году?
- 2020-01-15 » Основные тренды в интернет-маркетинге 2020 года
- 2020-01-09 » Особенности составления ТЗ для программиста: решаем SEO-задачи эффективно
- 2020-01-09 » Маркетинговые инструменты, которые нужно оставить в прошлом
- 2019-12-25 » Ускорение индексации сайта: sitemap.xml и .html в помощь
- 2019-12-22 » Выпуск №125: Технологии будущего для сайтов. Куки-стаффинг. ТОП10 проблемы. Знаки качества Яндекса. 10 способов погубить бизнес. Экономия на рекламе. Email-маркетинг 2020. Лестница Ханта.
- 2019-12-20 » Лестница Ханта: цепляем покупателя и доводим его до оформления заказа
- 2019-12-12 » Email-маркетинг: тенденции 2020 года
- 2019-12-04 » Реклама в интернете: можно ли на ней экономить?
- 2019-11-27 » Убийство репутации компании: 10 способов погубить бизнес
Предоставляем полный комплекс услуг по созданию, обслуживанию и продвижению сайтов по всей России и ближнему зарубежью с 2006 года!
Как мы работаем
Заявка
Позвоните или оставьте заявку на сайте.
Консультация
Обсуждаем что именно Вам нужно и помогаем определить как это лучше сделать!
Договор
Заключаем договор на оказание услуг, в котором прописаны условия и обязанности обеих сторон.
Выполнение работ
Непосредственно оказание требующихся услуг и работ по вашему заданию.
Поддержка
Сдача выполненых работ, последующие корректировки и поддержка при необходимости.
