Bago CSS - orihinal, kumportable, praktikal na

Pseudo-elemento at mga pseudo-klase CSS: bago, pagkatapos, i-hover, aktibo, etc. - epektibong pagkakataon upang mapabuti ang kalidad at gawing simple ang pagpapatupad site, hindi kabilang ang JavaScript handler code sa halata, ay hindi nangangailangan ng isang kumplikadong mga disenyo reaksyon, elemento ng mga kaganapan, mga dialogues at mga pagkilos ng bisita.

Pseudo maginhawa, multifunctional, mayroon makabuluhan at maraming katangian na pagpipilian para sa mga simple at kumplikadong kawali copyright: kung paano orihinal na gumuhit ng pansin, walang putol linawin ang mga pagkilos na kinakailangan upang dalhin ang isang pahiwatig sa tamang lugar.

Mahusay prospect bukas kapag tinukoy url () sa ang mga nilalaman ng pseudo. Sa katunayan, ang pagpipiliang ito ay bubukas up ng mga bagong horizons, parehong sa mga tuntunin ng pag-download ng anumang bagay sa pahina, at ang mga posibleng pag-activate ng kahit ano sa kahit saan

Isang natatanging tampok ng pseudo

Pseudo (:: harap CSS, :: pagkatapos) naiiba mula sa mga elemento, tagapili at palsipikado-klase na hindi orihinal na umiiral sa tree dokumento. Marahil, sa pagsasanay na ito ay hindi partikular na mahalaga, ngunit kung isaalang-alang namin ang tanong ng paglalagay ng nilalaman sa site, pinagkakatiwalaan mo ang nilalaman ng ari-arian ng isang bagay na makabuluhan para sa mga search engine ay hindi magkaroon ng kahulugan.

Pseudo :: harap CSS ay nagbibigay-daan sa iyo upang magdagdag ng nilalaman sa elemento, at :: matapos - pagkatapos. Nilalaman ay maaaring mag-iba mula sa simpleng teksto upang kumplikadong pag-format sa mga tuntunin ng mga ari-arian ng CSS, ngunit walang mga tag na HTML. Pseudo maaaring ganap na nakaposisyon sa loob ng elemento, na kung saan ay naka-attach sa, dahil ang ibig sabihin ng bago at pagkatapos ay kamag-anak at mobile. Hindi lamang kayo maaaring tukuyin ang posisyon, ngunit din ang laki, kulay, background, font, at gumamit ng iba pang mga tampok ng CSS.

Bilang pseudo ng CSS, ang mga bago at pagkatapos ay sinundan sa pamamagitan ng simbolong ":", ngunit CSS3 karaniwang inirerekomenda "::". Upang suriin ang isang partikular na paggamit sa isang pahina ay hindi kailanman maging mas kaysa sa ilang mga browser o bersyon ay maaaring lamang ay hindi mapansin ang isang partikular na pseudo.

Pangkalahatang Mga Tuntunin sa Paggamit

Sa pamamagitan ng paglalagay, hal, div elemento naglalarawan class = 'scElement' at ang nilalaman "Sangkap" sa pahina, na nagpapahiwatig sa CSS-style sheet paglalarawan:

.scElement {
POSITION ...;
z-index ...;
...

}

Maaari kang mag-aplay ng isang pseudo ": i-hover ang" pseudo at ":: bago" CSS:

.scElement: pasadahan :: harap {content: 'prefix'; kulay ...; background-color ...;}.

Pagkatapos ay kapag pinapadaan mo ang mouse pointer sa harap ng salitang 'Element' ay lilitaw ang salitang 'prefix', kung saan ay mababago ang kulay ng mga titik at background.

pagkakaiba-iba ng nilalaman pseudo

Kung hindi mo tinukoy ang pseudo ari-arian, ang mga ito ay ang parehong bilang na ng mga pangunahing elemento - scElement. Maaari mong tukuyin ang url, at pagkatapos ay ang nilalaman ng ari-arian: url ( '/ scBox / rm-v / sc-rights.png') kapag ang cursor ay nagpapakita ng mga imahe sa na elemento. Sa kaso ng nilalaman: "\ 03B1" ay lilitaw mathematical simbolo "alfa", ngunit gamitin ang mga espesyal na character: "& nbsp;", " & lt;", "& laquo;", "& raquo;" at ang iba ay hindi - ang mga ito ay ipinapakita nang walang pagbabago.

Pinayagan ng maraming mga pagpipilian upang tukuyin ang nilalaman ng pseudo: normal "text", url (), isang pagkakasunod-sunod ng hexadecimal character, sumangguni sa: open-quote / isara-quote, o walang-open-quote / no-close-quote, atbp Bilang ay maaaring isang pahiwatig ng absolute posisyon ng nilalaman. sa pamamagitan ng estilo ari-arian, sa pamamagitan ng paglalapat ng dati, CSS ay maglalagay ang palsipikado sa kahit saan sa elemento kung saan ito ay konektado.

Maaari mong pagsamahin ang sabay-sabay na paggamit ng mga bago at pagkatapos. Samakatuwid, ang paglalagay ng paggamit ng CSS bago ang nilalaman character, maaari kang makakuha ng iba't-ibang mga epekto, pagsasama-sama ng iba't ibang mga pseudo-class at pseudo-elemento, sorpresahin ang bisita, hindi sa paggastos sa parehong oras kahit na isang solong byte-code JavaScript.

Mga Tampok pseudo

Para sa kanilang mga titulo pinagtibay ":" karakter, pati na rin ang mag-refer sa palsipikado, ngunit hindi tulad ng CSS3 pseudo karaniwang naitala sa pamamagitan ng "::". Ang mga browser na maunawaan ito, napaghahalata parehong titulo. Gaps sa pag-record ay hindi pinahihintulutan, ang string na naitala at palsipikado (o lamang) pseudo-record ng sama-sama:

scElement: pasadahan :: harap {content: 'prefix'; ...}

scElement: aktibo: pagkatapos ng {content: 'suffix'; ...}

Ito ay mahalaga upang tandaan: CSS bago nauubusan ng nilalaman ng site. Estilo ay hindi na may kaugnayan sa nilalaman ng pahina. Pseudo - ay walang exception. Hindi lumilitaw sa tree DOM at hindi kanais-nais na gamitin ang mga ito sa mga kaugnay na mga seksyon ng site - sa nilalaman, hindi siya makakatanggap.

Gamit ang "" at "::" ay sinusuportahan ng mga mobile platform at modernong mga browser, ngunit suriin ang mga trabaho sa mas lumang mga bersyon ay madalas na hindi kalabisan.

Ang nilalaman ng pseudo-hindi kasama sa nilalaman ng site. Hindi ito makikita ng mga search engine. Paano gamitin ang pangyayari - depende sa mga tiyak na sitwasyon, ngunit ang posibilidad ng paggamit ng CSS bago, pati na rin pagkatapos, nang nakapag-iisa o sa isang mahirap unawain, kagiliw-giliw na kapag ang nilalaman ay isang url (). Direct paggamit ng nilalaman pseudo bilang mga link sa site, ay magbibigay-daan sa kanya upang i-download ang isang file, halimbawa, isang litrato.

Kakayahan upang baguhin ang estilo ng mga file sa online (cascading style sheet file - walang pagbubukod) ay hindi makagambala sa form at gamitin pseudo dahil ito ay maginhawa sa anumang naibigay na oras, sa tamang algorithm lugar, depende sa mga aksyon ng bisita.