Grúpaí Roghnóirí Ilghrúpaí Grúpa chun Luas Luchtaithe a Fheabhsú
Tá éifeachtacht ina fhachtóir tábhachtach i suíomh gréasáin rathúil. Ba cheart go mbeadh an láithreán sin éifeachtach maidir leis an gcaoi a n-úsáideann sé íomhánna ar líne . Cabhróidh sé seo le cinntiú go ndéanann an láithreán go maith do chuairteoirí agus go n-éireoidh sé go tapa ar a gcuid feistí. Ba cheart go mbeadh éifeachtúlacht mar chuid de do phróiseas foriomlán freisin, ag cabhrú leat dul chun cinn an láithreáin a choinneáil in am agus ar bhuiséad.
Sa deireadh, tá ról ag éifeachtúlacht i ngach gné de chruthú agus rathúlacht fadtéarmach gréasáin, lena n-áirítear sna stíleanna atá scríofa le haghaidh bileoga CSS an láithreáin sin. Tá sé in ann a bheith in ann comhaid CSS níos glaine, níos glaine a chruthú, agus is é ceann de na bealaí is féidir leat é seo a bhaint amach trí ghrúpaí éagsúla de chuid CSS a ghrúpáil le chéile.
Roghnóirí Grúpála
Nuair a ghlacann tú grúpaí roghnaithe CSS , cuirfidh tú na stíleanna céanna i bhfeidhm ar roinnt gnéithe éagsúla gan na stíleanna i do bhileog stíl a athrá. In ionad rialacha 2 nó níos mó nó CSS níos mó a bheith acu, a bhfuil gach rud acu mar an gcéanna (mar shampla, leagtar dath ar rud éigin go dearg), tá riail CSS amháin agat a dhéanfaidh do do leathanach.
Tá roinnt cúiseanna ann go mbainfidh leathanach "grúpa roghnóirí" an leathanach seo. An chéad fhoireann, beidh do bhileog stíl níos lú agus luchtaigh níos tapúla. Glactar leis gurb iad na bileoga stíl ná ceann de na príomhchúiseanna nuair a thagann siad ar shuímh luchtú mall. Is comhaid téacs iad na comhaid CSS, agus mar sin tá bileoga CSS fada fada i ndáiríre, beagán comhaid ciallmhar, i gcomparáid le híomhánna gan amhras. Mar sin féin, tá gach comhaireamh beagán, agus más féidir leat méid áirithe do CSS a shabhrú agus na leathanaigh a luchtú i bhfad níos tapúla, is rud maith é sin a dhéanamh i gcónaí.
Go ginearálta, is lú ná 3 soicind iad luasanna ualach os cionn na meán do shuíomhanna; Tá 3 go 7 soicind thart ar an meán, agus tá níos mó ná 7 soicind ró-mhall. Ciallaíonn na huimhreacha ísle seo, chun iad a bhaint amach le do shuíomh, ní mór duit gach rud is féidir leat a dhéanamh! Sin é an fáth gur féidir leat cabhrú le do shuíomh a dhéanamh go tapa ag baint úsáide as roghnóirí grúpa CSS.
Conas Roghnóirí CSS a Ghrúpáil
Le grúpaí roghnóirí CSS le chéile i do bhileog stíl, úsáideann tú comaí chun go leor de na roghnóirí grúpaithe a roinnt ar an stíl. Sa sampla thíos, bíonn tionchar ag an stíl ar na heilimintí p agus div:
div, p {dath: # f00; }Go bunúsach ciallaíonn an choma "agus". Mar sin, baineann an roghnóir seo le gach eilimint mhír AGUS gach eilimintí roinnte. Más rud é go raibh an choma ar iarraidh, ina ionad sin bheadh gach eilimint mhír ina leanbh de rannán. Is cineál roghnóir an-difriúil é sin, agus mar sin níl an cuma seo ag brath ar bhrí an roghnóra!
Is féidir aon chineál roghnóra a ghrúpáil le haon roghnóir eile. Sa sampla seo, déantar roghnóir ranga a ghrúpáil le roghnóir ID:
p.red, #sub {dath: # f00; }Mar sin, baineann an stíl seo le haon mhír le tréith an ranga "dearg", AGUS aon eilimint (ós rud é nach n-ainmnigh muid cibé cineál) a bhfuil tréith ID de "fo" ann.
Is féidir leat aon líon roghnóirí a ghrúpáil le chéile, lena n-áirítear roghnóirí atá focail aonair agus roghnóirí comhréitigh. Cuimsíonn an sampla seo ceathrar roghnóir éagsúla:
p, .red, #sub, div a: link {dath: # f00; }Mar sin bheadh feidhm ag an riail CSS seo maidir leis na nithe seo a leanas:
- Aon eilimint mhír
- Aon eilimint leis an rang "dearg"
- Aon eilimint le ID de "fo"
- Is éard atá sa rang pseudo "nasc" de na heilimintí ancaire a bhfuil decendents de roinn acu.
Is roghnóir cumaisc é an roghnóir deireanach. Is féidir leat é a fheiceáil go héasca leis na roghnóirí eile sa riail CSS seo. Leis an riail sin, táimid ag leagan dath #f00 (atá dearg) ar na 4 roghnóir seo, is fearr a scríobh 4 roghnóir ar leithligh chun an toradh céanna a bhaint amach.
Is é an tairbhe eile atá ag roghnóirí grúpála ná, más gá duit athrú a dhéanamh, is féidir leat aon riail CSS amháin a eagrú seachas cinn il. Ciallaíonn sé seo go sábhálann an cur chuige seo tú meáchan leathanach agus am nuair a thagann sé chun an suíomh a choinneáil sa todhchaí.
Is féidir aon Roghnóir a Ghrúpáil
Mar is féidir leat a fheiceáil ó na samplaí thuas, is féidir aon roghnóir bailí a chur i ngrúpa, agus beidh an stíl chéanna bunaithe ar an maoin stíl sin ar gach eilimint sa doiciméad a mheaitseáil leis na heilimintí uileghrúpaí.
Is fearr le cuid de na daoine na heilimintí grúpa a liostáil ar línte ar leith le húsáidteacht sa chód. Tá an chuma ar an láithreán gréasáin agus an luas ualach mar an gcéanna. Mar shampla, is féidir leat stíleanna a scagadh le comaí i maoin stíl amháin i líne amháin cód:
th, td, p.red, div # firstred {dath: dearg; }
nó is féidir leat na stíleanna a liostáil ar línte aonair le haghaidh soiléireachta:
th,
td,
p.red,
div # firstred
{
dath: dearg;
}
Ceadaíonn an modh a úsáideann tú chun grúpaí éagsúla ilghrúpaí CSS suas do shuíomh agus é a dhéanamh níos éasca stíleanna a bhainistiú fadtéarmach.
Airteagal bunaidh le Jennifer Krynin. Arna eagarthóireacht ag Jeremy Girard ar 5/8/17.