Dè a th 'ann an taghadh de sheildear CSS?

Tha structar sgrìobhainn HTML coltach ri craobh teaghlaich. Anns an teaghlach agad, tha ur pàrantan agad agus feadhainn eile a thàinig thugaibh. Seo iad do shinnsirean. Is e do shliochd clann agus clann a thig às do dhèidh air a 'chraobh sin. Tha HTML ag obair ann an dòigh coltach ris. Is e na h-eileamaidean a tha taobh a-staigh eileamaidean an sliochd. Mar eisimpleir, bhon a tha cha mhòr a h-uile h-eileamaid HTML taobh a-staigh tags, bhiodh iad nan sliochd de na h-eileamaidean sin. Tha an dàimh seo cudromach a thuigsinn nuair a thòisicheas tu ag obair còmhla ri CSS agus feumaidh i cuimseachadh air eileamaidean sònraichte gus stoidhlichean lèirsinneach a chur an gnìomh.

Luchd-tairgse an dì-shuaicheantas CSS

Tha roghnaichear cinn-cinnidh CSS a 'buntainn ris na h-eileamaidean a tha taobh a-staigh eileamaid (no nas motha a tha air an ainmeachadh gu ceart, aonamaid a tha a' tighinn a-mach à eileamaid eile). Mar eisimpleir, tha tag le liosta neo-òrdaichte le tagaichean mar shliochd. Cleachd sinn an HTML a leanas mar eisimpleir:

• is e seo ceangal

  Tha na tagaichean LI nan sliochd den tag UL. Tha an tag A a 'tighinn às an dithis de na tagaichean LI (sliochd cloinne) agus tagaichean UL (sliochd ogha). Ma smaoinicheas tu air a bhith a 'smaoineachadh mu dheidhinn seo a' cleachdadh eisimpleir craoibhe teaghlaich, b 'e am pàrant <<>, an

• an leanabh sin, agus gum biodh an mar leanabh aig
• agus ogha an
  .

  Mar sin, ciamar a chuireadh tu tarraingeach air eileamaidean sònraichte ann an duilleag lìn a 'cleachdadh nan taghadairean sliochd seo? An toiseach, feumaidh tu taghadh de luchd-taghaidh le bhith a 'cleachdadh dà thaghadh (no barrachd) de luchd-taghaidh air an sgaradh le àiteachan.

  li {text-decoration: none; }

  Anns an eisimpleir sin, cha bhiodh na stoidhlichean a 'buntainn ach ri eileamaid ceangail () a tha na shliochd de eileamaid liosta-liosta (

  • ). Cha d 'fhuair a h-uile ceangal eile air an duilleig nach eil de shliochd de nì liosta an stoidhle seo.

    Is e aon rud cudromach a chuimhnicheas nach eil e gu diofar dè an àireamh de thiogaidean a tha iad eadar na tagaichean a dh 'fhaodadh tu a bhith a' cleachdadh anns an roghnaichear sliochd agad. Ma tha an dàrna eileamaid dùinte an àite sam bith taobh a-staigh a 'chiad eileamaid thèid a thaghadh mar shliochd.

    Ma tha thu airson na h-adhbharan gu lèir a thaghadh a tha de shliochd bho eileamaidean, bhiodh tu a 'sgrìobhadh:

    ul a {text-decoration: none; }

    A-nis, bidh na stoidhlichean sin a 'buntainn ri ceangal sam bith a tha na shliochd de nì liosta. Dh'fhaodadh tu cuideachd an taghadh seo a sgrìobhadh

    ul li {text-decoration: none; }

    Tha seo na roghnaiche sliochd a bhios a 'cleachdadh barrachd air dà thaghadh-seòrsa. Anns a 'chùis seo, bhiodh seo a' buntainn ri ceanglaichean a tha taobh a-staigh mar liosta-liosta agus cuideachd taobh a-staigh liosta neo-iomchaidh.

    A 'cleachdadh thaghadh de chlasaichean agus tagraichean ID

    Chan fheum na taghtearan a tha thu a 'teàrnadh a-nuas a bhith nan sliochd. Mar eisimpleir, smaoinich gu robh raon den làrach agad (mar roinn) le feart ID de "bòrd". Dh'fhaodadh tu roghnaichear sliochd a stèidheachadh far an ID sin:

    #billboard ul {background-color: #ccc; }

    Bhiodh seo a 'stoidhle liosta neo-òrdaichte a tha na shliochd de eileamaid le ID de "bòrd-bòrd". Faodaidh tu an aon rud a dhèanamh airson luachan clasa.

    div.billboard ul {background-color: #ccc; }

    Tha seo a 'gabhail ris gu bheil luach clas "bòrd" aig an roinn. Bhiodh an CSS gu h-àrd a 'stoidhle an eilthir

    taobh a-staigh roinn sam bith aig a bheil luach a' chlas seo.

    Gheibh thu fìor dhroch làmh-sgrìobhaidh agus taghaidhean le taghaidhean sliochd. Mar eisimpleir, ma chleachdas tu Dreamweaver gus do chòd HTML a sgrìobhadh, tha suidheachadh ann nuair a chuireas tu riaghailtean CSS ùra ris a nì cruthachaidhean fèin-ghluasadach air an taghadh a tha stèidhichte air suidheachadh do cursair air an duilleig sin. Tha na tha Dreamweaver a ' dèanamh anns an t-suidheachadh seo a' cruthachadh fear fiadhaich agus tagraiche fada sliochd. Chan eil an cuspair sònraichte sin riatanach airson do CSS obrachadh. Tha na tha thu ag iarraidh a dhèanamh a 'faighinn cothromachadh eadar tagraiche sloinneadh a tha gu leòr gu leòr gus am bi thu a' dol sìos gu na h-eileamaidean a dh 'fheumas tu (gun a bhith a' dealbhadh feadhainn nach eil ag iarraidh buaidh a thoirt orra) gun riaghailtean CSS a bhith aca le taghadh a tha os cionn mòr.