Ce este pseudo-și pseudo-elemente din css

otaya cu CSS și citirea documentației, nu poți pur și simplu rula în definiție și pseudo-pseudo CSS. Să vedem ce este.

Ca o regulă, toate stilurile CSS. pe care am folosit pentru a utiliza, sunt utilizate pentru elementele care pot fi găsite în copac (structura) a documentului. Toate acestea pot fi văzute în mod clar în documentul sursă și poate interacționa cu ei.

Dar, există o serie de elemente și stări ale elementelor care nu sunt afișate în arborele (structura) a documentului, dar, de asemenea, ei trebuie să aplice anumite stiluri CSS.

De exemplu, există un anumit element, care poate fi văzut în documentul sursă pentru prima literă într-un cuvânt, pentru zona, care se află în fața unui anumit element, etc.

În plus, etichetele specifice, nu putem descrie starea elementului, de exemplu, să afișeze o legătură care a fost transferat, sau link-ul sub cursorul mouse-ului.

Cum pot obține acces la aceste elemente pe pagina?

Pentru a rezolva această problemă, folosind selectoare speciale sunt numite pseudo-elemente și pseudo.

Pseudo - este selectorii care definesc starea elementelor existente care se pot schimba în anumite condiții.

Pseudo - este selectorii care definesc oblastelementov. inițial absentă din arborele de documente. Această zonă este creat în mod artificial cu ajutorul CSS.

Diferența esențială dintre ele este faptul că pseudo-stat este determinată de elementele care există deja în pagină, și de a crea un câmp pseudo (celule artificiale), care inițial nu a fost pe pagina web. Dar ambele nu sunt disponibile în codul sursă al documentului.

Pentru a înțelege exact ceea ce sunt pseudo-clase și pseudo-elementele la care, permiteți-mi să vă dau o listă de documente oficiale.

Pentru a compila această listă de materiale utilizate pentru această pagină strandarta:

Secțiunea 4.2. Selector Index este masa oficială.

Deci, lista de pseudo-clase:

Pseudo-mult mai puțin, asta e lista:

Aici, E - elementul la care este utilizat selectorul.

Rețineți că în scris pseudo-dublu-colon. Dezvoltatorii făcut inițial o astfel de notație pentru a le distinge de pseudo. Dar dacă vă notați numele de pseudo-un singur colon, browser-ul de eroare nu va emite. Poate că, în viitor, regulile vor fi mai stricte, dar până în prezent situația este.

Apropo, dacă v-ar fi interesat, eu sunt implicat în crearea motoarelor de analiză web pentru site-uri (Yandex Metrics și Google Analytics).

Dacă doriți să vă site-ul dvs. mai eficient și că ar aduce mai mulți bani, analiză web poate ajuta.

Cu instrument „Obiective“, puteți obține rezultate bune în acest caz. Citește mai mult aici.