Tölvur, Forritun
CSS, gervi, gervi: sveima, barn, miða
Með því að sameina HTML og CSS er hægt að stjórna algerlega alla þætti vefsíðum. Með stíl sem þú getur auðveldlega breytt útliti hvaða blokk eða línu. Oft er coder þarf að framkvæma flóknari verkefni - til að breyta útliti frumefni sjálft er ekki eins sérstakt hluta eða tilteknu ríki. Í þessu tilviki, til aðstoðar falsaður CSS.
Gervi-starfa á sömu reglu og í venjulegum bekkjum í Markup, en líkamlega að þeir eru ekki til staðar hér. Þeir geta vera valinn á grundvelli þátta sem ekki eru í upplýsingaskjalinu, sem mun ekki velja venjulega val. Hér er einfalt dæmi: þú ert með rauða hnappinn, og þú vilt þegar þú sveima hún varð blá. Fræðilega, það er hægt að innleiða í JavaScript, en hvers vegna er það svo erfitt? Miklu þægilegra að nota : sveima CSS. Með hjálp hennar er hægt að gefa allar einingar breytur sem verður af stað aðeins þegar músarbendilinn.
Listi yfir CSS gervi-flokkum eru uppfærð reglulega. Kannski, en þú lest þetta efni, nokkur ný birtist. Til að byrja, íhuga þau sem birtust í CSS3 forskrift.
: Nth-af-gerð
Segjum sem svo að þú ert með lista sem þú vilt nota til skiptis liti, þ.e., fyrsta línan er, til dæmis, skrifað í rauðum stöfum, og annað - .. blár, rauður og aftur í þriðja, fjórða og aftur í bláu. Áður hafði þig til að búa til nýja flokka. Skipulag á fortíð bætt við hvert frumefni á bekknum listanum og síðan breytt útliti þeirra í stílblaði. Það var ekki of þægilegt og mengandi skipulag.
Nú er allt auðveldara. Nota CSS falsaður-flokki: NTH-af-gerð. Þetta mun gefa tækifæri til að fá viðkomandi sjón áhrif, án þess að breyta neinu í sniði. Meginreglan er einföld: þú slærð inn val og í sviga á eftir nafninu skrifa uppskrift eða leitarorð sem finna nauðsynlega þætti. Til dæmis ,: NTH-af-gerð (jafnvel) munu allir jafnvel þætti, og: NTH-af-gerð (stakur) - stakur. There ert a stór tala af formúlur eru notaðar til að einmitt stjórna. Í sviga tilgreina mögulega fjölda - í þessu tilfelli stíl til að beita frumefni sem vísitalan er jafn í þetta númer.
: Nth-barn
Þessi CSS falsaður-flokki á meginreglunni um aðgerð er svipað og fyrri, en ólíkt það virkar eingöngu með börn á valinn hlut. Til dæmis, ef þú vilt nota það til að sérsníða útlit er foreldri
Að nákvæmri stýringu á formúlu er hægt að nota. Þau eru alveg erfitt fyrir byrjendur, en það er þess virði smá dýpra í setningafræði hvernig allt verður auðveldara. Með forskrift eru sem hér segir: An + b, þar sem a - er þáttur, og b - móti. Til dæmis, ef í sviga tilgreina n, gervi-velur allar barnið þætti (vegna þess að það er ekki tilgreint frekari skilmála í formi a og b). Ef þú tilgreinir N + 2, allir þættir nema fyrsta (því móti er jafn tvo) verður valin. Best af öllu, í þetta sinn til náms í reynd. Tilraunir með barnið hluti og mismunandi formúlur.
: Last-barn
Allt er einfalt. CSS barn gervi-flokkar eru notaðir til að velja tiltekna atriði. Þetta velur síðasta barn foreldris hluti. Er notað alveg oft, til dæmis, til að velja síðasta töflunni eða fjarlægja inndrátt frá síðustu blokk til að koma í veg fyrir flutning sinn í næstu línu.
: Nth-last-barn
Af þeirri grundvallarreglu að aðgerð er svipað áðurnefndri nth-barnið, en virkar í hina áttina, þ.e.. E. Þegar þættir munu fara upp. Þetta er gagnlegt ef þú þarft að finna síðustu nokkur atriði.
Þú gætir held að þessi gervi-flokkum og gervi-þætti CSS gagnslaus, þar sem þú getur fengið það gert vel með hefðbundnum flokkum. Þetta er ekki svo. : NTH-barn ,: nth- síðustu barn og hliðstæður þeirra eru mjög þægilegt þegar að vinna á stórum verkefnum - td í þeim tilvikum þar sem blokk hefur a gríðarstór tala af börnum. Handvirkt raða bekkjum og lengi.
Gervi-ríki stjórn
Hvað ef þú þarft að breyta útliti stak í tilteknu ríki? Þetta mál gefur CSS falsaður-smellur, bendir og aðrar aðgerðir. Við skulum skoða þær í smáatriðum.
: tengill
Þessi gervi CSS tilvísanir, ekki allir, en aðeins þeir sem hafa ekki enn heimsótt. Í henni er hægt að tilgreina stíll fyrir þætti , sem notandinn hefur ekki enn samþykkt.
: heimsótti
Hliðstæða útfærslunni, sem aðeins stýrir nú heimsótt tenglum. Sameina þessar tvær gervi-flokkum, getur þú sérsniðið útlit tags nákvæmlega eins og þú þarft. Athugið þó að ríki eru reiknuð fyrir ákveðin vafra og tæmd eftir að meðferð sögu.
Gervi-flokki: miða CSS
Eitt af áhugaverðustu gervi-flokkum, sem ef notaðir að einhverju leyti í stað notkun JavaScript. Það gerir stjórna sem kennimerki innifalinn í röð heimilisfang á síðunni. Já, í fyrsta skipti sem það er erfitt að skilja. Reyna að flokka dæmi.
Við skulum segja að við erum á síðu 3 blokkir div með ákveðnum ID: ID 1, ID2, ID3. Við höfum einnig þrjá tengla á viðeigandi gildi röng: # ID 1, # ID2, # ID3. Þegar þú smellir á fyrstu tengilinn í röð heimilisfang á síðunni eftir hlekkur til samsvarandi id verður síðan sjálf.
The CSS fyrir alla blokkir div tilgreind eru eign sýna: enginn, það er, þeir eru ekki sýndar sjálfgefið. Við notum miða: div og gefa það a eign sýna: blokk. Nú, þegar þú smellir á tenglana með ákveðnum href, blokkir með samsvarandi auðkenni verður úthlutað til sýnis: blokk, og því, þeir munu byrja að birtast á síðunni! Þegar þú smellir á tengilinn til href = http: // staðnum / grein / 319683 /% E2% 80% 9D # ID 1% E2% 80% 9D mun loka með ID 1, og svo framvegis ..
Enn skilur ekki neitt? Reyndu að gera tilraunir. Búðu til síðu skipulag og stíl lýst er hér að ofan. Nokkrum mínútum seinna þú hafa a mikill reikna allt út.
Gervi sem hægt er að beita til hvaða frumefni
Flest af framangreindum gervi-tenglar sem þarf í starfið. Hins vegar er ekki allir þættir þurfa . Nokkrar útfærslur er hægt að beita til hvaða hluta síðunnar alveg.
- : Virka er notað til að stíl atriði sem notandi smellir á vinstri músarhnappi;
- : Sveima - CSS fyrir þætti sem notandinn svífur yfir;
- : Nærmynd - á þeim hlutum síðunnar, sem eru nú í brennidepli. Þetta gervi-flokki er oft notuð til að vinna með form. Til dæmis, ef þú vilt að velja User Name hvetja, þegar gesturinn setur bendilinn yfir það og byrjar hringing stafi.
Mundu að: Virka gildir aðeins á þeim tíma sem pressun. Strax eftir uppsögn vinstri músarhnappi er stillt með hjálp stíl hverfur og hluturinn verður birt eins og það birtist sjálfkrafa. Í flestum tilfellum, þetta gervi-flokki er notað til að vinna með hnöppum. Hægt er að setja þá á fjölda ríkja. Til dæmis sjálfgefinn hnappur er blár, sveima - grænn, ýta - rauður, etc ...
Að sjálfsögðu eru aðeins gervi-flokkum fullkomlega studd af nútíma vöfrum. Til dæmis, í IE6 og 7 mun ekki vera fær um að nota fókus, og sveima og aðeins virk Heimildarrit í IE6. Vonandi verður þú ekki að vinna með þessum vöfrum, en ef þú þarft enn reis nota skilyrtar athugasemdir.
viðbótar gervi
Valkostirnir sem talin eru upp hér að ofan listann ekki hætta þar. Aðeins innifalin þættir geta vera batna þökk sé nútíma CSS (: virkt) eða bara skera út (: fatlaður), bara skiptir merkt kassann og útvarpi (: hakað). Í stuttu máli lýsa nokkrar fleiri valkosti sem hægt er að nota fyrir fleiri ítarlegur stjórnar útliti efni.
- : Aðeins-barn - gagntekinn hægt að beita stíl til frumefni sem er einkabarn þáttur;
- : Lang - að vinna með þá þætti sem hafa gefið tungumál með lang eigindi;
- : Rót - notað til að velja rótarstakið. Samkvæmt því, svo HTML skipun er ;
- : Ekki - mjög öflug tól. Það gerir þér kleift að takmarka notkun tiltekinna stíl af selectors. Hér er dæmi: .blue-litur: ekki (span ). A val að beita stíl til allra þátta með bekknum blá-lit, ef þeir eru ekki .
Fullur listi af gervi-flokkum getur ekki verið strekkt á einni síðu. Flestir vefur hönnuður nota í reynd aðeins sumir þeirra, preferring að stjórna ástand með JavaScript. Já, það er þægilegt, en það eru nokkrar stundir þar skilvirkari niðurstöður náist auðveldara, með því að nota viðeigandi gervi.
Similar articles
Trending Now