Prieš CSS - originalu, patogu, praktiška

Pseudo-elementų ir pseudo-klasės CSS: prieš, po, užveskite, aktyvus, ir tt - efektyvi galimybė pagerinti kokybę ir supaprastinti vykdymo puslapį, neįskaitant JavaScript prižiūrėtojas kodą akivaizdu, nereikia sudėtingos reakcijos dizaino elementai renginiai, dialogai ir veiksmai lankytojas.

Pseudo patogus, daugiafunkcinis, turėti didelį ir kelis rinktinius savybes paprastų ir sudėtingų autorių keptuvės: kaip originalus atkreipti dėmesį, sklandžiai paaiškinti veiksmus, reikalingus, kad užuominą į tinkamą vietą.

Didžiosios perspektyvos atidaryti, kai nurodyta url () in pseudo turinį. Iš tiesų, ši parinktis atveria naujus horizontus, ir, kalbant apie nieko atsisiųsti į puslapį, o galima aktyvacijos nieko niekur

Skiriamasis bruožas pseudo

Pseudo (:: Prieš CSS, :: vėliau) skiriasi nuo elementų, selektoriai ir pseudo klasių, kad nebuvo iš pradžių egzistuoja dokumento medžio. Gal praktikoje tai nėra itin svarbus, bet jei mes atsižvelgti į pateikimo turinį svetainėje klausimą, jūs pasitikite turinio turtą kažką prasmingo už paieškos neturi prasmės.

Pseudo :: Prieš CSS leidžia jums pridėti turinį į elemento, o :: po - Po. Turinys gali skirtis nuo paprasto tekstu sudėtingo formatavimo, kalbant apie CSS savybių, tačiau jokiu HTML žymes. Pseudo gali būti puikiai išdėstyti elemento viduje, prie kurios yra pritvirtintas, nes prieš ir po reikšmė yra santykinė ir mobili. Jūs galite ne tik nurodyti poziciją, bet ir dydis, spalvos, fonas, šriftai, ir naudoti kitas funkcijas CSS.

Kaip pseudo CSS, prieš ir po Prieš yra simbolis ":", bet css3 standartas rekomenduojama "::". Norėdami išbandyti tam tikrą naudojimą puslapio niekada nebus daugiau nei kai kurios naršyklės ar versijos gali tiesiog nepastebi tam tikrą pseudo.

Bendrosios naudojimo sąlygos

Pateikdamas, pavyzdžiui, div elementas apibūdina class = 'scElement "ir turinį" Element "į puslapį, nurodant CSS stiliaus lapo aprašymas:

.scElement {
PADĖTIS ...;
Z-Index ...;
...

}

galite taikyti pseudo ": užveskite" pseudo ir ":: Prieš" CSS:

.scElement: užveskite :: iki {turinio: "priešdėlis"; spalva ...; background-color ...;}.

Tada, kai jūs užveskite pelės žymeklį prieš žodį "sudedamoji dalis" bus rodomas žodis "priešdėlis", kuri keičia spalvą įgytas žinias ir kvalifikaciją.

Turinio variantų Pseudo

Jei nenurodysite pseudo savybes, jie bus tokia pati, kaip pagrindinio elemento - scElement. Galite nurodyti adresą, o tada turinio turtą: url ( '/ scBox / rm-V / SC-rights.png) kai žymeklis rodo vaizdą elemento. Be turinio atveju: "\ 03B1" pasirodo matematinis simbolis "alfa", bet naudoti specialiuosius simbolius: "& nbsp;", " & lt;", "& laquo;", "& raquo;" ir kiti to padaryti negali - jie bus rodomi kaip yra.

Leidžiama daug galimybių patikslinti pseudo turinį: normal "tekstas", url (), iš šešioliktainis simbolių seka, skaitykite: atviro citata / arti citata, ar ne-atidaryti-citata / ne-arti-citata, ir tt Kaip gali būti absoliuti pozicijos turinio požymių. per stiliaus savybių, taikant anksčiau, CSS bus vieta pseudo visame elemento, prie kurio jis prijungtas.

Galite sujungti vienu metu naudoti prieš ir po. Todėl pateikti naudojant CSS Prieš turinio simbolių, galite gauti efektų, derinant skirtingus pseudo klasės ir pseudo-elementai, nustebinti lankytoją, o ne išleisti tuo pačiu metu, net vieno baito-kodas "JavaScript".

Įranga pseudo

Už priėmė jų pavadinimai ":" personažas, taip pat kreiptis į pseudo, bet skirtingai CSS3 pseudo paprastai žymimas "::". Naršyklės, jį suprasti, supranta, kad abiejų pavadinimų. Spragos įrašymo neleidžiama, eilutė yra registruojami ir Pseudo (arba tik) Pseudo įrašė kartu:

scElement: užveskite :: iki {turinio: "priešdėlis"; ...}

scElement: aktyvi: po {turinio: "priesaga"; ...}

Svarbu atsiminti: CSS, prieš paleidžiant iš svetainės turinį. Stiliai nėra susijęs su puslapio turiniu. Pseudo - ne išimtis. Jie nerodomi DOM medį ir nepageidautina juos naudoti atitinkamų dalių svetainėje - į turinį, jie nebus gauti.

Naudojant "ir" :: "remia mobiliųjų platformų ir šiuolaikinių naršyklių, bet patikrinti darbą senesnės versijos dažnai nėra nereikalingas.

Turinio pseudo-neįtrauktos į svetainės turinio. Jis nematys paieškos variklius. Kaip naudotis šia aplinkybe - priklauso nuo konkrečios situacijos, tačiau naudojant CSS ir anksčiau, taip pat po, nepriklausomai ar komplekso galimybė, įdomu, kai turinys yra URL (). Tiesioginis naudojimas turinio pseudo kaip nuorodos į svetainę, leis jam atsisiųsti failą, pavyzdžiui, nuotrauką.

Galimybė keisti stiliaus failus internete (pakopinių stilių failus - ne išimtis) nesikiša forma ir naudoti pseudo kaip tai patogu, bet kuriuo metu, reikiamoje vietoje algoritmą, priklausomai nuo lankytojo veiksmų.