Cyfrifiaduron, Rhaglennu
CSS, ffug, ffug: hofran, plentyn, Targed
Trwy gyfuno HTML a CSS, gallwch reoli hollol holl elfennau o dudalennau gwe. Gyda arddulliau gallwch yn hawdd newid golwg o unrhyw bloc neu linell. Yn aml, coder angen i gyflawni tasg fwy cymhleth - i newid golwg yr elfen nad ei hun yn, fel rhan ar wahân neu gyflwr penodol. Yn yr achos hwn, i chymorth CSS ffug.
Ffug-gweithredu ar yr un egwyddor â'r dosbarthiadau rheolaidd yn y markup, ond yn gorfforol nid ydynt yn cael eu cyflwyno yma. Gellir eu dewis ar sail yr elfennau nad ydynt wedi'u cynnwys yn y wybodaeth y ddogfen, na fydd yn dewis y dewisydd arferol. Dyma enghraifft syml: mae gennych botwm coch, ac rydych am ei pan fyddwch yn hofran daeth yn las. Yn ddamcaniaethol, gellir ei weithredu yn JavaScript, ond pam ei bod mor anodd? Llawer mwy cyfleus i ddefnyddio : hofran CSS. Gyda'i help y gallwch ei roi y paramedrau a fydd yn cael ei sbarduno yn unig pan fydd y cyrchwr llygoden unrhyw uned.
Rhestr o ffug-ddosbarthiadau CSS yn cael eu diweddaru'n rheolaidd. Efallai, wrth i chi ddarllen y deunydd hwn, sawl ymddangos newydd. I ddechrau, yn ystyried y rhai a ymddangosodd yn y fanyleb CSS3.
: Nfed-o-fath
Tybiwch fod gennych restr yr ydych am ei ddefnyddio lliwiau eiledol, hy, y llinell gyntaf yw, er enghraifft, a ysgrifennwyd mewn llythrennau coch, a'r ail - .. Blue, coch eto drydydd, pedwerydd eto mewn glas. Yn flaenorol, bu'n rhaid i chi greu dosbarthiadau newydd. Cynllun y gorffennol ei ychwanegu at bob elfen ar restr y dosbarth, ac yna newid eu hymddangosiad yn y arddull. Nid oedd yn rhy gyfforddus ac yn llygru cynllun.
Nawr mae popeth yn haws. Defnyddiwch CSS ffug ddosbarth: nfed-o-fath. Bydd hyn yn rhoi cyfle i gael yr effaith weledol a ddymunir, heb newid unrhyw beth yn y markup. Mae'r egwyddor yn syml: ewch i mewn i dewiswr, ac mewn cromfachau ar ôl enw'r ysgrifennu fformiwla neu air allweddol a fydd yn dod o hyd i'r elfennau gofynnol. Er enghraifft ,: nfed-o-fath (hyd yn oed) bydd pob hyd yn oed elfen, ac: nfed-o-fath (od) - yr od. Mae yna nifer fawr o fformiwlâu yn cael eu defnyddio i reoli yn union. Mae'r cromfachau yn dangos y nifer posibl - yn yr arddulliau achos i'w cymhwyso i'r elfen y mae ei mynegai yn hafal i'r rhif hwn.
: Nfed-plentyn
Mae'r CSS ffug-ddosbarth ar yr egwyddor o weithredu yn debyg i'r un flaenorol, ond yn wahanol mae'n gweithio yn unig gyda phlant o'r eitem dethol. Er enghraifft, os ydych chi am ei ddefnyddio i addasu ymddangosiad yn rhiant
Ar gyfer rheoli manwl o'r fformiwla yn cael ei ddefnyddio. Maent yn eithaf anodd i ddechreuwyr, ond mae'n werth ychydig yn ddyfnach i mewn i'r gystrawen o sut mae popeth yn dod yn haws. Mae'r fformiwlâu fel a ganlyn: mae + b, lle mae - yn ffactor, a b - gwrthbwyso. Er enghraifft, os mewn cromfachau yn dynodi n, y ffug-yn dewis pob elfen plentyn (gan nad yw'n cael ei nodi telerau ychwanegol yn y ffurf a b). Os byddwch yn nodi'r n + 2, mae'r holl elfennau ar wahân i'r cyntaf (oherwydd bod y gwrthbwyso yn hafal i ddau) yn cael eu dewis. Gorau oll, mae hyn yn amser i astudio yn ymarferol. Arbrofi gyda chydrannau blant a gwahanol fformiwlâu.
: Last-plentyn
Mae popeth yn syml. ffug-ddosbarth plant CSS yn cael eu defnyddio i ddewis eitem benodol. Mae hyn yn dewis y plentyn olaf y gydran rhiant. Cael ei ddefnyddio yn aml, er enghraifft, i ddewis y rhes olaf y tabl neu ddileu bant o'r bloc olaf er mwyn osgoi ei drosglwyddo i'r llinell nesaf.
: Nfed-olaf-plentyn
Gan yr egwyddor o weithredu yn debyg i'r nfed-plentyn y soniwyd eisoes, ond yn gweithredu yn y cyfeiriad arall, hy. E. Pan fyddwch yn defnyddio elfennau a fydd yn symud i fyny. Mae hyn yn ddefnyddiol os bydd angen i ddod o hyd i'r eitemau ychydig diwethaf.
Efallai y byddwch yn meddwl bod y rhain ffug-ddosbarthiadau a ffug-elfen css ddiwerth, gan y gall chi gael pethau'n gwneud yn dda gan ddosbarthiadau confensiynol. Nid yw hyn yn wir. : Nfed-blant ,: nth- olaf-blant , a'u analogs yn gyfleus iawn wrth weithio ar brosiectau mawr - er enghraifft, mewn achosion lle mae gan y bloc nifer fawr o blant. Llaw yn trefnu dosbarthiadau hir ac yn galed.
rheoli ffug-wladwriaeth
Beth os oes angen i chi newid ymddangosiad elfen mewn cyflwr arbennig? Mae'r achos hwn yn darparu CSS ffug-glicio, gan dynnu sylw a gweithredoedd eraill. Gadewch i ni edrych arnynt yn fanwl.
: cysylltu
Mae hyn yn cyfeiriadau CSS ffug, nid pob un, ond dim ond y rhai sydd wedi peidio ymweld â hyd yn hyn. Ynddo gallwch nodi arddulliau ar gyfer elfennau , pan nad yw'r defnyddiwr wedi mynd heibio eto.
: ymwelodd
Analog o'r ymgorfforiad blaenorol, sydd ond yn rheoli cysylltiadau ymwelwyd barod. Cyfuno'r ddwy-ddosbarth ffug, gallwch addasu ymddangosiad tagiau yn union ag y byddwch ei angen. Sylwer, fodd bynnag, bod y dywed yn cael eu cyfrifo ar gyfer porwyr penodol a'u rhyddhau ar ôl hanes triniaeth.
Mae'r ffug-ddosbarth: CSS targed
Un o'r rhai mwyaf diddorol ffug-ddosbarth, ac os defnyddir i ryw raddau yn disodli'r defnydd o JavaScript. Mae'n galluogi rheolaeth bod y dynodwr gynnwys yn y cyfeiriad rhes y dudalen. Ie, y tro cyntaf mae'n anodd deall. Ceisiwch dosrannu'r yr enghraifft.
Lets 'ddeud ein bod ar y dudalen 3 bloc div id gyda rhai: ID1, ID2, id3. Mae gennym hefyd tair dolen ganlynol i 'r gwerthoedd cyfatebol href: # ID1, # ID2, # id3. Pan fyddwch yn clicio ar y ddolen gyntaf yn y cyfeiriad rhes y dudalen ar ôl y ddolen i'r id cyfatebol fydd y dudalen ei hun.
Mae'r CSS ar gyfer yr holl div blociau penodol arddangos eiddo: dim, hynny yw, nid ydynt yn cael eu dangos yn ddiofyn. Rydym yn defnyddio targed: div ac yn rhoi arddangosiad eiddo: bloc. Nawr, pan fyddwch yn clicio ar y cysylltiadau gyda rhai y href, blociau gyda'r id cyfatebol yn cael ei neilltuo i arddangos: bloc, ac felly, byddant yn dechrau ymddangos ar y dudalen! Pan fyddwch yn clicio ar y ddolen i href = http: // safle / erthygl / 319,683 /% E2% 80% 9D # ID1% E2% 80% Bydd 9D bloc gyda ID1, ac yn y blaen ..
dal ddim yn deall unrhyw beth? Ceisiwch arbrofi. Creu cynllun tudalen ac arddulliau a ddisgrifir uchod. Mae ychydig funudau yn ddiweddarach gennych ffigur mawr popeth allan.
Ffug y gellir eu cymhwyso i unrhyw elfen
Mae'r rhan fwyaf o'r uchod-a ddisgrifir ffug-gysylltiadau sy'n ofynnol ar gyfer y swydd. Fodd bynnag, nid yw pob elfen ei angen . Gall nifer o embodiments eu cymhwyso i unrhyw ran o'r dudalen yn llwyr.
- : Weithgar cael ei ddefnyddio i elfennau arddull y mae'r defnyddiwr yn clicio ar y botwm chwith y llygoden;
- : Hofran - CSS ar gyfer elfennau y mae'r defnyddiwr yn hofran dros;
- : Ffocws - ar gyfer y rhannau hynny o'r dudalen, sydd bellach yn ffocws. Defnyddir y ffug-ddosbarth yn aml i weithio gyda ffurflenni. Er enghraifft, os ydych am ddewis y Defnyddiwr Enw brydlon, pan yr ymwelydd yn gosod y cyrchwr drosto ac yn dechrau cymeriadau ddeialu.
Cofiwch fod: yn weithgar ond yn ddilys ar adeg enbyd. Yn syth ar ôl y terfynu y botwm chwith y llygoden yn cael ei osod gyda chymorth o arddulliau yn diflannu a bydd yr eitem yn cael ei arddangos gan ei fod yn cael ei arddangos yn ddiofyn. Yn y rhan fwyaf o achosion, mae hyn yn ffug-ddosbarth yn cael ei ddefnyddio i weithio gyda botymau. Gallwch eu gosod i nifer fawr o wladwriaethau. Er enghraifft, mae'r botwm diofyn yn las, hofran - gwyrdd, gwasgu - coch, ac ati ...
Wrth gwrs, dim ond ffug-ddosbarth yn cael eu cefnogi'n llawn gan porwyr modern. Er enghraifft, ni fydd yn IE6 a 7 yn gallu defnyddio'r ffocws, a'r hofran a gweithgar yn unig ar gyfer gwaith cyfeiriad yn IE6. Gobeithio, ni fydd yn rhaid i chi weithio gyda phorwyr hyn, ond os ydych yn dal i fod angen Cododd, defnyddiwch sylwadau amodol.
ffug ychwanegol
Nid yw'r opsiynau a restrir uchod yn rhestr yn dod i ben yno. (: Galluogi) neu dim ond dorri allan (: anabl) Dim ond yn cynnwys elfennau yn cael eu diolch i CSS modern a adenillwyd, dim ond yn newid checkbox a radio marcio (: wirio). Disgrifiwch yn fyr ychydig mwy o opsiynau y gallwch ei ddefnyddio ar gyfer rheolaeth fwy trylwyr ymddangosiad cynnwys.
- : Dim ond ar y plentyn - llaciau modd gwneud cais yr arddull i elfen sef yr unig elfen plant;
- : Lang - i weithio gyda'r elfennau sydd wedi rhoi iaith defnyddio'r priodoledd lang;
- : Gwraidd - a ddefnyddir i ddewis yr elfen gwraidd. Yn unol â hynny, tag HTML o'r fath yn ;
- : Ni - arf pwerus iawn. Mae'n eich galluogi i gyfyngu ar y defnydd o arddulliau penodol o detholwyr. Dyma enghraifft: .blue-lliw: Nid yw (span ). Mae detholydd i wneud cais arddull i bob elfen gyda'r dosbarth glas-lliw, os nad ydynt yn .
Ni all Rhestr lawn o ffug-ddosbarth yn cael ei ymestyn ar un dudalen. Rhan fwyaf o ddylunwyr gwe defnyddio yn ymarferol, dim ond rhai ohonynt, gan ddewis i reoli'r cyflwr gyda JavaScript. Ydy, mae'n gyfleus, ond mae rhai adegau lle bydd canlyniadau mwy effeithiol yn cael ei gyflawni yn haws, gan ddefnyddio'r ffug priodol.
Similar articles
Trending Now