Какво е псевдо-и псевдо-елементи в CSS

otaya с CSS и четене на документацията, не може просто да тичам в СГО определение и псевдо-псевдо. Нека да видим какво е то.

Какво е псевдо-и псевдо-елементи в CSS

Като правило, всички CSS стилове. че сме свикнали да използвате, се използват за продукти, които могат да бъдат намерени в дърво (структурата) на документа. Всички те могат да се видят ясно в изходния документ и може да взаимодейства с тях.

Но, има и редица елементи и състояния на елементите, които не са показани в дърво (структурата) на документа, но те също така трябва да се прилагат някои CSS стилове.

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

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

Как мога да получа достъп до тези елементи на страницата?

За да се реши този проблем с помощта на специални селектори се наричат ​​псевдо-елементи и псевдо.

Псевдо - това е селектори, които определят състоянието на съществуващите елементи, които могат да се променят при определени условия.

Псевдо - това е селектори, които определят oblastelementov. първоначално отсъства от дървото на документа. Тази област е създаден изкуствено с помощта на CSS.

Основната разлика между тях е, че псевдо-държава се определя от елементите, които вече съществуват в нея, и да се създаде псевдо-област (изкуствени клетки), които първоначално не е бил на уеб страницата. Но и двете не са налични в изходния код на документа.

За да се разбере какво точно са псевдо-класовете и псевдо-елементи към това, нека да ви дам списък с официални документи.

За да компилирате този списък на материалите, използвани за тази страница strandarta:

Раздел 4.2. Selector Index е официалната маса.

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

Псевдо-много по-малко, това е списъка:

Тук, E - елемента, към който се използва за избор.

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

Между другото, ако ще се интересуват, аз съм ангажиран в създаването на уеб анализ, двигатели за сайтове (Yandex Metrics и Google Analytics).

Какво е псевдо-и псевдо-елементи в CSS

Ако искате да направите вашия сайт по-ефективно и че тя ще донесе повече пари, уеб анализи могат да помогнат.

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