Псевдо-след и преди и тяхната функция в CSS

Псевдо-след - най-вероятно се смята, че в това си е то. Но в действителност това е псевдо. Това не е толкова важно да се знае, нека ти обясня по-добре защо е необходимо.

: След като псевдо-създава (! Внимание) Псевдо. Най-очевидната реалност. Това е елемент, който не съществува в HTML-маркировка. Въпреки CSS себе си, ни дава възможност да ги създават. За тази цел има на: преди и: след това.

Някой с английски не е много стегнат, той вече е знаел за тяхното значение. след създаването на един елемент, който ще остане след елемента е показан пред него. Това означава, че тя трябва да бъде обвързано с селектор, който съществува в HTML. Сама по себе си не може да бъде псевдо.

Това означава, че ако ние предписва в стилове, както следва:

Тя е приложима само за всички такива псевдо като цяло. Но никой от тях не се появи на екрана. За да направите това, трябва да се регистрирате, като например:
P: след
Таблица: след
.долния: след
#header: след

Обяснявам: в първия пример псевдо появи за всяка точка. Във втория пример - всяка таблица. В следващия псевдо тя се намира само на елементи, които имат стил клас .footer. Четвърто изпълнение - от блок с идентификатор глава.

където се използва

Псевдо-използвани отново и отново. Къде да създадете декоративни елементи, където да се създаде на маските се носят и т.н. Ето един прост пример:
Отново взе образ на града и да го настроите като фона на устройството за изпитване.

Псевдо-след и преди и тяхната функция в CSS

Сега нека направим така, че когато се движите, за да го блокират Насложеното полупрозрачен цветен фон.

Задръжте курсора на мишката върху снимката и ще видим как ще върви.

Псевдо-след и преди и тяхната функция в CSS

Най-общо, псевдо-милиона приложения, обикновено се използва във връзка с преди. Това е абсолютно същия псевдо-разлики дамата той не, освен ако не е официално го е създал в маркирането става преди елемента, към който е добавен към, а не след това, както е случаят с след това.

За наша дисплей псевдо правилно, ще трябва да използвате двата имота, необходими за него:
съдържание: ""; - обща собственост, създадена, за да въведете текст информация и да я покаже на екрана, но дори и да не е необходима, тя все още е необходимо да питате.
езика: блок; - вземане на нашата клетка блок, така че можете да зададете размера за него.

Това е всичко. Разбира се, аз написах много малко, но мисля, че ти и от това, че е ясно защо са необходими тези елементи. И ако се разбере, тогава вие ще бъдете в състояние да намери приложение за тях в строителна площадка лесно.

Можете също така да се интересуват от