Синтаксис псевдо-элементов :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


Поделиться статьей:
Акция: Закажи любой сайт до окончания акции и получи скидку + подбор семантического ядра + поисковую оптимизацию сайта Это позволит Вам получать еще больше трафика и соответственно клиентов из Интернета!
До конца акции осталось
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 по Мск) |
Новые статьи и публикации
- 2018-04-19 » Алгоритмы Google: всё, что о них нужно знать
- 2018-04-17 » Выпуск №102: Формирование семантического ядра для рекламной кампании. Редизайн и SEO. Все о доменных именах. Промоакции в Google AdWords. Сайты для гос.учреждений.
- 2018-04-11 » Формирование семантического ядра для рекламной кампании
- 2018-04-03 » Редизайн при сохранении позиций: рекомендации по SEO
- 2018-03-27 » Картинки на сайте: как правильно работать с атрибутами Alt и Title
- 2018-03-22 » Выпуск №101: Правильный контент для интернет-магазина. Партизанский маркетинг и Продвижение в Youtube.
- 2018-03-21 » Доменные имена: всё, что о них нужно знать
- 2018-03-16 » Как ранжироваться в топе YouTube: практические советы
- 2018-03-14 » Расширение «Промоакция»: новое предложение Google AdWords
- 2018-03-12 » Конструкторы для сайтов: простые и эффективные решения
- 2018-03-04 » Сайты для муниципальных образований и бюджетных учреждений
- 2018-03-02 » Продвижение сайта: цена вопроса
- 2018-02-22 » Переход сайта на протокол https
- 2018-02-22 » SSL сертификаты - Защита передаваемых данных и доверие пользователей
- 2018-02-19 » Партизанский маркетинг: особенности и преимущества
- 2018-02-14 » Правильный контент для интернет-магазина − увеличение продаж в два раза
- 2018-02-14 » Выпуск №100: Особенности турбо-страниц и немного про то, как превратить текст в видео.
- 2018-02-08 » В Директе появятся видеодополнения по умолчанию
- 2018-02-06 » Особенности турбо-страниц
- 2018-01-31 » Научитесь составлять цепляющие заголовки по методике 4U за 5 минут!
- 2018-01-26 » Рекламные методы продвижения бизнеса
- 2018-01-17 » Выпуск №99: Способы продвижения бизнеса в интернете и мифы о создании сайтов
- 2018-01-17 » Способы продвижения бизнеса в интернете
- 2018-01-11 » Продвижение бизнеса в интернете
- 2017-12-30 » Выпуск №98: SEO-продвижение: итоги-2017, прогнозы-2018
- 2017-12-27 » Как развить бизнес в интернете?
- 2017-12-27 » Четыре рекламных объявления в спецразмещении
- 2017-12-20 » Развитие бизнеса в сети интернет
- 2017-12-18 » Принципы размещения контекстной рекламы в РСЯ и КМС
- 2017-12-15 » Бэкап сайта
Предоставляем полный комплекс услуг по созданию, обслуживанию и продвижению сайтов по всей России и ближнему зарубежью с 2006 года!
Как мы работаем
Заявка
Позвоните или оставьте заявку на сайте.
Консультация
Обсуждаем что именно Вам нужно и помогаем определить как это лучше сделать!
Договор
Заключаем договор на оказание услуг, в котором прописаны условия и обязанности обеих сторон.
Выполнение работ
Непосредственно оказание требующихся услуг и работ по вашему заданию.
Поддержка
Сдача выполненых работ, последующие корректировки и поддержка при необходимости.