Cineálacha Roghnóirí Tréithe CSS - Saineolaí Semalt

Is éard atá in eilimint HTML aicme, ID agus tréithe. Roghnaíonn roghnóir tréithe na heilimintí HTML a bhfuil tréith iontu nó a bhfuil luach aitreabúide acu. Soláthraíonn roghnóirí tréithe modh simplí chun stíleanna a chur i bhfeidhm ar eilimintí HTML a bhfuil tréith nó luach tréith ar leith acu. Sainmhínítear roghnóirí tréithe le dhá lúibín cearnacha, a dhúnann an tréith lena luach. Fós, is féidir leat roghnóir cineál eiliminte a chur os a chomhair. Cuireann Roghnóir [tréith] CSS na rialacha stíle i bhfeidhm ar eilimint más tréith ar leith é agus nuair a bhíonn sé ann.

Cineálacha roghnóirí tréithe

Tá cineálacha éagsúla roghnóirí tréithe ann ar féidir gach ceann acu a úsáid le haghaidh cásanna ar leithligh:

CSS [attribute | = "value"] Cuireann an roghnóir béim ar eilimintí a bhfuil tréith ar leith acu, agus tosaíonn sé le luach sainithe.

CSS [attribute ~ = "value"] Úsáidtear roghnóir chun eilimintí a bhfuil luach maoine orthu agus focal ar leith a fháil.

CSS [attribute ^ = "value"] Aimsíonn an roghnóir eilimintí a bhfuil luach maoine ag impí le luach ar leith. Ní gá gur focal iomlán é an luach.

CSS [tréith $ = "luach"] Aimsíonn an roghnóir comhpháirteanna a bhfuil luach aitreabúide acu a chríochnaíonn le luach sainithe.

Feidhmchláir na roghnóirí tréithe CSS

Tá bealaí éagsúla ann inar féidir an roghnóir tréithe a úsáid in ionad an roghnóir uilíoch, aicme nó ID a úsáid

Is ar ionchuir a úsáidtear an rogha is coitianta de roghnóirí tréithe. Ina measc seo tá na roghnóirí téacs, roghnóirí bosca seiceála, roghnóirí pasfhocail, roghnóirí comhaid, roghnóirí i bhfolach, roghnóirí pasfhocail, roghnóirí raidió, roghnóirí athshocraithe agus eile.

Foirmeacha stíle

Tá na roghnóirí tréithe an-úsáideach agus iad ag stíliú foirmeacha gan aicme nó ID.

Naisc stíl

Mar shampla, is féidir roghnóirí tréithe a úsáid chun stíl bhlag a stíliú áit a bhfuil liosta nasc agat le suíomhanna cara. Is mian leat, áfach, go ndéantar stíleáil dhifriúil ar gach nasc. Is é an bealach traidisiúnta le tabhairt faoi ná ainm glaonna a shannadh a mbeadh níos mó marcálacha ag teastáil uaidh. Fós, d’fhéadfá an naoú leanbh a úsáid a éilíonn nach n-athraíonn na horduithe riamh. Tá sé chomh furasta sin na roghnóirí tréithe a úsáid toisc go bhfuil tréith ann ar féidir leat díriú uirthi.

Ionchuir teorann

Bealach galánta chun íomhánna a chur leis an gcorp is ea eilimintí teorainneacha stíle ag baint úsáide as an tréith íomhá teorann CSS. Ligeann sé duit íomhá a shainiú mar theorainn eiliminte. D’fhéadfaí íomhá na teorann a scála, a slisniú, a athdhéanamh ar bhealaí éagsúla lena chinntiú go n-oireann sí i limistéar na teorann. Ligeann tréith ga na dteorainneacha coirnéil chothromú a chur leis gan íomhánna a úsáid. Sainmhíníonn an mhaoin cruth an choirnéil.

Dathanna stíle

De bharr na roghnóirí tréithe CSS tá sé simplí stíl a chur ar gach gné a bhfuil luach datha ar leith aici. Is féidir leat an eochairfhocal datha, nodaireachtaí RGB (), RGBA (), HSL () agus HSLA () a úsáid. Is síneadh iad luachanna dathanna RGBA ar mhúnla dathanna RGB le cainéal a shainíonn teimhneacht datha. Tá luach na bparaiméadar idir 1.0 (teimhneach} agus 0.0 (trédhearcach)

Mínítear an tsamhail dathanna HSL mar an (Hue_saturation_Lightness). Tá ionadaíocht lí i bhfoirm uillinne (0-360) nó an roth datha. Tomhaistear sáithiúlacht agus gile mar chéatadáin is ionann 0% den saturation agus scáth nó liath agus is ionann 100 agus dath iomlán. Léiríonn gile 100% bán agus 0% dubh.