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

Псевдо-елементи и псевдо-класа CSS: пред, по, лебдиш, активни, итн - ефективна можност да се подобри квалитетот и да се поедностави страницата на извршување, не вклучувајќи го вклучите Javascript-управувачот кодот на очигледно, не бараат сложени реакција дизајни, елементи настани, дијалози и активностите на посетителот.

Псевдо удобен, мултифункционален, имаат значителни и повеќе избор својства за едноставни и сложени тави за авторски права: како оригиналниот привлече внимание, беспрекорно се разјаснат активности кои се потребни за да се донесе навестување на вистинското место.

Голема перспектива отвори кога одредена url () во содржината на псевдо. Всушност, оваа опција отвора нови хоризонти, како во однос на преземете нешто на страницата, како и можните активирање на ништо никаде

А карактеристична црта на псевдо

Псевдо (пред :: CSS, :: по) различни од елементите, селектори и псевдо-класи кои не постојат првично во дрво документот. Можеби, во пракса тоа не е особено важно, но ако се разгледа прашањето за ставање на содржината на сајтот, ќе му верувате на содржината сопственост на нешто значајно за пребарувач не дава никаква смисла.

Псевдо :: пред CSS ви овозможува да додадете содржина на елемент, и откако :: - после. Содржина може да варира од едноставен текст до комплекс форматирање во однос на CSS особини, но без HTML тагови. Псевдо можат да бидат совршено позициониран во внатрешноста на елемент, кој е во прилог, бидејќи значењето на пред и по е релативна и мобилен телефон. Вие не може само да се претстави, но и големини, бои, позадини, фонтови, и да користите други карактеристики на CSS.

Како псевдо CSS, пред и по се проследени со симболот "", но CSS3 стандард препорачува "::". За да ја тестирате одредена употреба на страницата никогаш нема да биде повеќе од некои прелистувачи или верзии, едноставно, не може да се забележи одреден псевдо.

Општи Услови на употреба

Со поставување, на пример, div елемент опишувајќи class = "scElement и содржината" Елемент "на страница, наведувајќи опис CSS стил лист:

.scElement {
ПОЗИЦИЈА ...;
Z-означувач ...;
...

}

може да се применува псевдо ": лебдиш" псевдо и ":: пред" CSS:

.scElement: лебдиш :: пред {содржина: "префиксот"; боја ...; background-color ...;}.

Потоа, кога ќе лебдат на покажувачот на глушецот пред зборот "Елемент" ќе се појави зборот "префиксот", која ќе ја смените бојата на буквите и позадината.

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

Ако не наведете псевдо имоти, тоа ќе биде иста како онаа на главниот елемент - scElement. Можете да наведете URL-то, а потоа и на имотот на содржината: URL ( '/ scBox / RM-v / SC-rights.png ") кога покажувачот покажува сликата на елемент. Во случај на содржината: "\ 03B1" се појавува математички симбол "алфа", но ги користат специјални карактери: "& nbsp;", " & lt;", "& laquo;", "& raquo;" а други не - тие ќе бидат прикажани како што е.

Домашни многу опции за да се определи содржината на псевдо-: нормални "текст", url (), низа на хексадецимално карактери, се однесува на: отворен цитат / крупен цитат, или не-отворен цитат / не-крупен цитат, итн Како што може да биде показател на апсолутната позиција на содржината. преку својства стил, со примена пред, CSS, ќе се одржи на псевдо насекаде во елемент на кој е поврзан.

Можете да комбинирате истовремено користење на пред и после. Затоа, поставување на користење на CSS пред карактери содржина, може да се добијат различни ефекти, комбинирање на различни псевдо-класи и псевдо-елементи, изненадување посетител, не трошат во исто време, дури и еден бајт-код JavaScript.

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

За нивните ознаки усвои ":" карактер, како и да се однесуваат на псевдо, но за разлика од CSS3 псевдо обично се означува со "::". Пребарувачи, кои го разбирам, гледаат и ознаки. Недостатоците во однос на снимање не е дозволено, стрингот се запишува и псевдо (или само) псевдо снимени заедно:

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

scElement: активен: по {содржина: "суфиксот '; ...}

Важно е да се запамети: CSS пред истекува на содржината на сајтот. Стилови не се поврзани со содржината на страната. Псевдо - не е исклучок. Тие не се појавуваат во дрво ДОМ и непожелно да ги користите во соодветните делови на сајтот - во содржината, тие нема да добие.

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

Содржината на псевдо-не се вклучени во содржината на сајтот. Тоа нема да се види на пребарувачите. Како да го користите оваа околност - зависи од конкретната ситуација, но можноста за користење на CSS пред, како и потоа, самостојно или во еден комплекс, интересно кога содржината е URL (). Директна употреба на псевдо содржини и линкови до сајт, ќе му овозможи да ја преземете датотека, на пример, слика.

Способност за промена на датотеки стил онлајн (Cascading Style Sheets датотеки - не е исклучок) не се меша со форма и да го користите псевдо како што е погодно во било кое дадено време, на право место алгоритам, во зависност од активностите на посетителот.