Ríomhairí, Cláir
CSS, pseudo, pseudo: hover, leanbh, Is é sprioc
Chur le chéile HTML agus CSS, is féidir leat a rialú go hiomlán na gnéithe uile de leathanaigh Ghréasáin. Le stíleanna is féidir leat athrú go héasca ar an cuma ar aon bhloc nó líne. Is minic Coder gá chun tasc níos casta - a athrú ar an cuma ar an eilimint nach bhfuil ann féin, mar chuid ar leithligh nó stát ar leith. Sa chás seo, chun cabhair CSS pseudo.
Pseudo-oibriú ar an bprionsabal céanna leis na ranganna rialta sa marcála, ach go fisiciúil nach bhfuil siad i láthair anseo. Is féidir iad a roghnú ar bhonn na n-eilimintí nach n-áirítear sa doiciméad faisnéise, ní bheidh a roghnaigh an roghnóir is gnách. Seo sampla simplí: tá tú cnaipe dearg, agus is mian leat a nuair hover tú bhí sé gorm. Teoiriciúil, is féidir é a chur i bhfeidhm i JavaScript, ach cén fáth go bhfuil sé chomh deacair? I bhfad níos áisiúla a úsáid : hover CSS. Leis an cúnamh is féidir leat a thabhairt ar aon aonad na paraiméadair a mbeidh a chur i ngníomh ach amháin nuair a bheidh an cúrsóir luch.
Liosta na CSS pseudo-ranganna a nuashonrú go rialta. B'fhéidir, cé go bhfuil tú ag léamh an t-ábhar, a roinnt dealraitheach nua. Chun tús a chur, a mheas na cinn go raibh an chuma ar an tsonraíocht CSS3.
: Nth-de-chineál
Cuir agat liosta a ba mhaith leat a bhaint as dathanna alternating, is é sin, is é an chéad líne, mar shampla, a scríobh i litreacha dearg, agus an dara - .. Blue, dearg arís an tríú, an ceathrú arís i gorm. Roimhe sin, bhí tú a chruthú ranganna nua. Leagan Amach an am atá caite a chuirtear le gach eilimint den liosta sa rang, agus ansin d'athraigh a gcuma sa stílbhileog. Ní raibh sé ró-compordach agus leagan amach truailliú.
Anois tá gach rud níos éasca. Úsáid CSS súdaicme: nú--de chineál. Tabharfaidh sé seo deis a fháil ar an éifeacht inmhianaithe amhairc, gan athrú rud ar bith sa marcála. Is é an prionsabal simplí: théann tú isteach roghnóir, agus idir lúibíní tar éis an t-ainm a scríobh foirmle nó eochairfhocal a teacht ar na heilimintí is gá. Mar shampla ,: nú--den chineál (fiú) Beidh na heilimintí go léir, fiú, agus: nú--den chineál (corr) - an corr. Tá líon mór de foirmlí a úsáidtear chun rialú a dhéanamh go beacht. Léiríonn na lúibíní an líon is féidir - sa chás seo stíleanna a chur i bhfeidhm ar an eilimint a bhfuil innéacs is comhionann leis an uimhir.
: Nth-leanbh
Tá an CSS súdaicme ar phrionsabal na gníomhaíochta cosúil leis an gceann roimhe sin, ach oibríonn murab ionann agus go heisiach le leanaí an mhír roghnaithe. Mar shampla, más mian leat é a úsáid chun shaincheapadh ar an chuma ar tuismitheoir
Maidir le rialú beacht ar an fhoirmle a úsáid. Tá siad deacair go leor do thosaitheoirí, ach is fiú beagán níos doimhne isteach an error de conas a éiríonn gach rud níos éasca. Is iad na foirmlí seo a leanas: an b +, i gcás a - ina fhachtóir, agus b - fhritháireamh. Mar shampla, más rud é i lúibíní in iúl n,-Roghnaíonn pseudo an na heilimintí go léir leanbh (toisc nach bhfuil sé sonraithe téarmaí breise i bhfoirm a agus b). Beidh Má tá tú a shonrú ar an n + 2, na heilimintí go ach amháin an chéad (mar gheall ar an fhritháireamh is ionann agus dhá) a roghnú. Is fearr ar fad, an uair seo chun staidéar a dhéanamh i gcleachtas. Triail a bhaint as na comhpháirteanna leanaí agus foirmlí éagsúla.
: Last-leanbh
Tá gach rud simplí. CSS leanaí pseudo-ranganna Úsáidtear a roghnú mír ar leith. Roghnaíonn sé seo an páiste deiridh na comhpháirte tuismitheora. An bhfuil a úsáidtear go minic go leor, mar shampla, a roghnú an tsraith dheireanach den tábla nó eangú bhaint as an bloc seo caite a sheachaint ar a aistriú go dtí an chéad líne eile.
: Ú-is déanaí leanaí
De réir phrionsabal na hoibríochta atá cosúil leis an n-ú leanbh a luadh cheana, ach feidhmíonn sa treo eile, ie. E. á n-úsáid eilimintí a bhogadh suas. Tá sé seo úsáideach más gá duit a aimsiú na míreanna beaga anuas.
D'fhéadfá smaoineamh go bhfuil CSS na pseudo-ranganna agus pseudo-eilimintí useless, toisc gur féidir leat a fháil rudaí a dhéanamh go maith ag na ranganna traidisiúnta. Níl sé seo amhlaidh. : Ú-leanaí ,: nth- is déanaí leanaí atá agus a analogs an-áisiúil agus iad ag obair ar thionscadail mhóra - mar shampla, i gcásanna ina bhfuil an bloc ar líon mór de leanaí. Láimh a shocrú ranganna fada agus crua.
rialú Pseudo-stáit
Cad a tharlaíonn má ní mór duit a athrú ar an cuma ar eilimint i stát ar leith? Soláthraíonn an cás CSS pseudo-chliceáil, ag cur in iúl agus gníomhartha eile. Lig dúinn scrúdú a dhéanamh orthu go mion.
: link
Seo tagairtí pseudo CSS, ní léir, ach amháin iad siúd a bhfuil cuairt á tabhairt air nár fóill. I sé is féidir leat stíleanna do eilimintí , a bhfuil nach bhfuil an t-úsáideoir a rith go fóill a shonrú.
: raibh dul
Analógach ar an embodiment roimhe, a rialaíonn ach naisc cuairt orthu cheana féin. Snaidhmthe an dá pseudo-ranganna, is féidir leat a shaincheapadh ar an cuma ar clibeanna díreach mar is gá duit. Tabhair faoi deara, áfach, go bhfuil na Stáit a ríomh le haghaidh brabhsálaithe ar leith agus a urscaoileadh tar éis stair cóireála.
An súdaicme: sprioc CSS
Ceann de na is suimiúla pseudo-ranganna, dá n-úsáidfí go pointe áirithe in áit an úsáid a bhaint as JavaScript. Cuireann sé ar chumas rialú go bhfuil an aitheantóir áireamh sa seoladh ndiaidh a chéile ar an leathanach. Is ea, den chéad uair riamh sé é sin deacair a thuiscint. Déan iarracht chun tuiscint a fháil ar an sampla.
Ligean le rá go bhfuil muid ar an leathanach 3 bloic div bhfuil id áirithe: id1, id2, ID3. Ní mór dúinn freisin trí naisc leis na luachanna comhfhreagracha href: # id1, # id2, # ID3. Nuair a chliceálann tú ar an chéad nasc sa bharra seoladh an leathanaigh tar éis an nasc chuig an leathanach seo gheobhaidh féin a bheith ina id comhfhreagrach.
An CSS do gach bloic div sonraithe maoine thaispeáint: none, is é sin, nach bhfuil siad a léirítear de réir réamhshocraithe. Bainimid úsáid as sprioc: div agus a thabhairt dó taispeáint maoine: bloc. Anois, nuair a chliceálann tú ar na naisc le áirithe an href, bloic leis an id comhfhreagrach a shanntar taispeáint: bloc, agus dá bhrí sin, beidh siad ag tosú a bheith i láthair ar an leathanach! Nuair a bheidh tú cliceáil ar an nasc a href = http: // láthair / article / 319683 /% E2% 80% 9D # id1% E2% 80% Beidh 9D bloc le id1, agus mar sin de ..
nach bhfuil fós thuiscint rud ar bith? Déan iarracht chun triail. Cruthaigh leagan amach na leathanach agus stíleanna cur síos orthu thuas. Tá cúpla nóiméad ina dhiaidh sin tá tú go maith gach rud figiúr mór amach.
Pseudo is féidir a chur i bhfeidhm ar aon ghné
An chuid is mó de na pseudo-naisc thuas-cur síos ar riachtanach don phost. Mar sin féin, ní mór nach bhfuil gach gné . Is féidir roinnt embodiments chur i bhfeidhm ar aon chuid den leathanach go hiomlán.
- : Gníomhacha a úsáidtear chun eilimintí stíl ar a cad a tharlaíonn nuair an t-úsáideoir an cnaipe luiche ar chlé;
- : Hover - CSS le haghaidh eilimintí chun a hovers an t-úsáideoir níos mó ná;
- : Díriú - na gcodanna sin den leathanach, atá anois i bhfócas. Tá an súdaicme a úsáidtear go minic a bheith ag obair le foirmeacha. Mar shampla, más mian leat a roghnú an ainm úsáideora pras, nuair a leagann an cuairteoir an cúrsóir níos mó ná é agus a thosaíonn carachtair dhiailiú.
Cuimhnigh go: ghníomhach amháin bailí tráth an práinní. Láithreach tar éis an foirceannadh an cnaipe luiche ar chlé a leagtar le cabhair ó stíleanna imíonn siad agus beidh an mhír a thaispeáint mar go bhfuil sé ar taispeáint de réir réamhshocraithe. I bhformhór na gcásanna, tá an súdaicme a úsáidtear chun ag obair le cnaipí. Is féidir leat iad a shocrú do líon mór de na stáit. Mar shampla, is é an cnaipe réamhshocraithe gorm, hover - glas, brú - dearg, etc ...
Ar ndóigh, ach pseudo-ranganna mbeidh tacaíocht iomlán ag brabhsálaithe nua-aimseartha. Mar shampla, ní bheidh i IE6 agus 7 a bheith in ann a bhaint as an fócas, agus an hover agus gníomhach ach amháin le haghaidh obair tagartha san IE6. Súil go dtosnódh, ní bheidh ort a bheith ag obair leis na brabhsálaithe, ach más gá tú fós eascair, bain úsáid as tuairimí coinníollach.
pseudo breise
Ní dhéanann an rogha atá liostaithe liosta thuas stopadh ansin. (: Cumasaithe) nó díreach a ghearradh amach (: faoi mhíchumas) Is féidir le heilimintí a áirítear a bheith a bhuíochas sin do CSS nua-aimseartha aisghabháil, ach lasca ticbhosca marcáilte agus raidió (: ticeáilte). Déan cur síos gearr ar roinnt roghanna níos mó gur féidir leat é a úsáid le haghaidh rialú níos críochnúla an chuma ar ábhar.
- : Amháin-leanbh - flushes féidir iarratas ar an stíl leis an eilimint a bhfuil an ghné leanbh amháin;
- : Lang - a bheith ag obair leis na heilimintí a thug teanga ag baint úsáide as an tréith lang;
- : Fhréamh - a úsáidtear a roghnú an eilimint root. Dá réir sin, is den sórt sin chlib HTML ;
- : Ní - Uirlis an-chumhachtach. Ceadaíonn sé duit a úsáid ábhar stíleanna áirithe de roghnóirí. Seo sampla: .blue-Dath: Ní (réise ). A roghnóir a chur i bhfeidhm stíl leis na heilimintí leis an rang gorm-dath, mura bhfuil siad .
Ní féidir Liosta iomlán de pseudo-ranganna a shíneadh ar leathanach amháin. An chuid is mó dearthóirí gréasáin a úsáid i gcleachtas, ach cuid acu, b'fhearr a bhainistiú an coinníoll le JavaScript. Sea, tá sé áisiúil, ach tá roinnt chuimhneacháin i gcás ina mbeidh na torthaí níos éifeachtúla a dhéanamh níos éasca, ag baint úsáide as an pseudo cuí.
Similar articles
Trending Now