Kabla CSS - awali, starehe, vitendo

Pseudo-mambo na Pseudo-madarasa CSS: kabla, baada, elea, kazi, nk - nafasi bora ya kuongeza ubora na kurahisisha utekelezaji tovuti, bila kujumuisha JavaScript handler code kwa wazi, hazihitaji tata miundo majibu, mambo matukio, mijadala na matendo ya wageni.

Pseudo rahisi, multifunctional, na kubwa na nyingi uchaguzi mali kwa sufuria rahisi na ngumu ya hati miliki: jinsi ya awali kuvuta hisia, seamlessly kufafanua hatua zinazohitajika kuleta ladha katika nafasi ya haki.

matarajio Mkuu kufungua wakati kiwango fulani url () katika maudhui ya Pseudo. Kwa kweli, chaguo hili kufungua upeo mpya, katika suala la download kitu chochote kwa ukurasa, na uanzishaji uwezekano wa kitu chochote mahali popote

kipengele tofauti ya pseudo

Pseudo (:: kabla CSS, :: baada) tofauti na vipengele, selectors na Pseudo-madarasa ambao hawakuwa awali zipo katika hati ya miti. Pengine, katika mazoezi si muhimu, lakini kama tunaona suala la kuweka yaliyomo kwenye tovuti, kama unaamini mali maudhui ya kitu maana kwa injini ya utafutaji haina maana.

Pseudo :: kabla CSS utapata kuongeza maudhui kwa kipengele, na :: baada - baada ya. Yaliyomo inaweza kutofautiana kutoka maandishi rahisi formatting tata katika suala la mali CSS, lakini hakuna HTML. Pseudo inaweza kikamilifu nafasi ndani ya kipengele, ambayo ni masharti ya, kwa sababu maana ya kabla na baada ya ni jamaa na simu. Huwezi tu kutaja msimamo, lakini pia ukubwa, rangi, asili, fonts, na kutumia makala nyingine ya CSS.

Kama Pseudo CSS, kabla na baada ya ni hutanguliwa na ishara ":", lakini CSS3 standard ilipendekeza "::". Mtihani matumizi fulani katika ukurasa kamwe kuwa zaidi ya vivinjari au matoleo inaweza tu taarifa Pseudo fulani.

General Masharti ya matumizi

Kwa kuweka, kwa mfano, div kipengele kuelezea class = 'scElement' na maudhui "Element" kwenye ukurasa, kuonyesha katika CSS-style karatasi maelezo:

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

}

unaweza kuomba Pseudo ": elea" Pseudo na ":: kabla ya" CSS:

.scElement: hover :: kabla {maudhui: 'kiambishi awali'; rangi ...; background-rangi ...;}.

Kisha wakati hover mouse pointer kabla neno 'Element' itaonekana neno 'kiambishi awali', ambayo mabadiliko ya rangi ya barua na nyuma.

tofauti maudhui Pseudo

Kama huna bayana mali Pseudo, watakuwa sawa na ile ya kipengele kuu - scElement. Unaweza kutaja url, na kisha mali maudhui: url ( '/ scBox / rm-v / sc-rights.png') wakati mshale inaonyesha picha kwenye kipengele. Kwa upande wa maudhui: "\ 03B1" inaonekana hisabati alama "alfa", lakini kutumia herufi maalum: "& nbsp;", " & lt;", "& laquo;", "& raquo" na wengine hawana - wao itaonyeshwa kama ni.

Kuruhusiwa mengi ya chaguzi kubainisha maudhui ya Pseudo-: kawaida "maandishi", url (), mlolongo wa wahusika hexadesimoli, rejea: wazi quote / karibu kunukuu, au no-wazi quote / no-karibu kunukuu, nk Kama inaweza kuwa dalili ya nafasi kamili ya maudhui. kwa njia ya mali style, kwa kutumia kabla, CSS itakuwa mahali Pseudo popote kipengele ambayo ni kushikamana.

Unaweza kuchanganya matumizi samtidiga ya kabla na baada ya. Kwa hiyo, kuweka kwa kutumia CSS kabla wahusika maudhui, unaweza kupata aina ya madhara, kuchanganya mbalimbali Pseudo-madarasa na Pseudo-vipengele, mshangao wageni, si kutumia kwa wakati mmoja hata moja byte-code JavaScript.

Sifa Pseudo

Kwa nyadhifa zao iliyopitishwa ":" tabia, na pia kwa kutaja pseudo, lakini tofauti na CSS3 Pseudo kawaida ulionyehsa na "::". Vivinjari kwamba kuelewa, wanaona nyadhifa zote mbili. Mapungufu katika kurekodi hayaruhusiwi, kamba inarekodiwa na Pseudo (au tu) Pseudo kumbukumbu pamoja:

scElement: hover :: kabla {maudhui: 'kiambishi awali'; ...}

scElement: kazi: baada {maudhui: 'suffix'; ...}

Ni muhimu kukumbuka: CSS kabla ya mbio nje ya tovuti maudhui. Styles si kuhusiana na maudhui ya ukurasa. Pseudo - hakuna ubaguzi. Hawana kuonekana katika mti DOM na mbaya kuzitumia katika sehemu muhimu za tovuti - katika maudhui, hawawezi kupata.

Kutumia "" na "::" ni mkono na majukwaa ya simu na browsers kisasa, lakini angalia kazi ya matoleo ya zamani mara nyingi si superfluous.

maudhui ya pseudo-si ni pamoja na katika maudhui ya tovuti. Itakuwa si kuona injini ya utafutaji. Jinsi ya kutumia hali hii - inategemea hali maalum, lakini uwezekano wa kutumia CSS kabla, na pia baada ya, kujitegemea au tata, ya kuvutia wakati maudhui ni url (). matumizi ya moja kwa moja ya Pseudo maudhui kama viungo vya tovuti, itakuwa kumruhusu kupakua faili, kwa mfano, picha.

Uwezo wa kubadilisha files style online (kuachia style karatasi files - hakuna ubaguzi) haina kuingilia kati na aina na matumizi Pseudo kama ni rahisi kwa wakati wowote, katika haki mahali algorithm, kulingana na matendo wageni.