Преди CSS - оригинален, удобен и практичен

Псевдо-елементи и псевдо-класовете CSS: преди, след, задържа и активен, и т.н. - ефективна възможност да се подобри качеството и да се опрости мястото на изпълнение, без да се включва JavaScript-манипулатор код на очевидното, не изискват сложна реакция дизайн, детайли събития, диалози и действия на посетителя.

Псевдо-удобен, многофункционален, имат значителни и по няколко варианта за имоти за прости и сложни тигани за авторското право: колко оригинален привличат вниманието, безпроблемно изясняване на действията, необходими за привеждане намек на правилното място.

Големите перспективи се отварят, когато са предвидени URL () в съдържанието на псевдо. В действителност, тази опция се отваря нови хоризонти, както по отношение на всичко, за да свали на страницата, и възможно активирането на всичко и навсякъде

Отличителна черта на псевдо

Псевдо (:: преди CSS, :: след), различен от елементите, селектори и псевдо-класове, които не са съществували първоначално в дървото на документа. Може би, на практика не е от особено значение, но ако разгледаме въпроса за поставяне на съдържанието на сайта, вие се доверявате на съдържанието собственост на нещо смислено за търсачката няма смисъл.

Псевдо :: преди CSS ви позволява да добавяте съдържание на елемента, а след :: - след това. Съдържанието може да варира от прост текст към комплекс форматиране по отношение на CSS свойства, но не и HTML тагове. Псевдо може да бъде перфектно разположен във вътрешността на елемента, който е прикрепен към, защото смисъла на преди и след е относително и мобилни. Не можеш просто да посочите позицията, но също така и размери, цветове, фонове, шрифтове и да използвате други функции на CSS.

Както псевдо СГО, преди и след се предхождат от символа ":", но CSS3 препоръчаната "::". За да тествате конкретно използване на една страница никога няма да бъде повече от някои браузъри или версии, просто не може да забележат в частност псевдо.

Общи условия за ползване

Чрез поставянето, например, DIV елемент, описващ клас = 'scElement "и съдържанието" Елемент "на страницата, като посочва в описанието CSS стил лист:

.scElement {
ПОЗИЦИЯ ...;
Z-индекс ...;
...

}

можете да приложите псевдо ": мишката" псевдо и ":: пред" CSS:

.scElement: мишката :: преди {съдържание: "префикс"; цвят ...; фон цвят ...;}.

След това, когато задържите показалеца на мишката преди думата "Елемент" ще се появи думата "префикс", която ще промени цвета на буквите и фона.

Съдържание вариации псевдо

Ако не посочите псевдо свойства, те ще бъдат същите като тези на основния елемент - scElement. Можете да посочите адреса и след това имотът съдържание: URL ( "/ scBox / RM-о / SC-rights.png"), когато курсорът показва изображението на елемента. В случай на съдържание: "\ 03B1" се появява математически символ "алфа", но се използват специални знаци: "& Nbsp;", " & LT;", "& LAQUO;", "& RAQUO;" , а други не - те ще бъдат показани, както е.

Разрешено много опции за определяне на съдържанието на псевдо-: нормално "текст", URL (), поредица от шестнадесетични знака, вижте: отворена цитат / близък цитат, или не-отворен цитат / не-близък цитат, и т.н. Както може да бъде признак на абсолютното положение на съдържанието. чрез свойства стил, като се прилагат преди, CSS ще постави псевдо всяка точка на елемента, към който е свързан.

Можете да комбинирате едновременното използване на преди и след. Ето защо, поставяне използване на CSS преди знака за съдържание, можете да получите най-различни ефекти, съчетаващ различни псевдо-класовете и псевдо-елементи, изненада посетителите, а не да харчите в същото време дори един байт-код JavaScript.

Характеристики псевдо

За техните наименования, приети ":" характер, както и да се позова на псевдо, но за разлика от CSS3 псевдо обикновено обозначени с "::". Браузърите, които я разбират, възприемат и двете наименования. Пропуски в записа не се допуска, низ се записва и псевдо (или само) псевдо записва заедно:

scElement: мишката :: преди {съдържание: "префикс"; ...}

scElement: активен: след {съдържание: "наставка"; ...}

Важно е да се запомни: CSS преди изчерпване на съдържанието на сайта. Стилове не са свързани със съдържанието на страницата. Псевдо - не е изключение. Те не се показват в дървото DOM и нежелателно да ги използват в съответните раздели на сайта - в съдържанието, те няма да получат.

С помощта на "" и "::" се поддържа от мобилни платформи и съвременни браузъри, но проверка на работата на по-стари версии, често не са излишни.

Съдържанието на псевдо-не са включени в съдържанието на сайта. Той няма да види търсачките. Как да се използва това обстоятелство - зависи от конкретната ситуация, но възможността за използване на CSS и преди, както и след това, самостоятелно или в комплекс, интересно, когато съдържанието е URL (). Директно използване на псевдо съдържание и връзки към сайта, ще му позволи да изтеглите файл, например, една картина.

Възможност за промяна на файловете стил онлайн (Cascading Style Sheets файлове - без изключение) не пречи на форма и се използва псевдо както ви е удобно по всяко време, на точното място алгоритъм, в зависимост от действията на посетителите.