CSS Selectors. karazana selectors

, tsirairay izay te-hametraka loko manokana. Ahoana no hanaovana izany? Standard CSS selectors dia tsy tsara ho an'ny Tags, dia maneho ny masontsivana ho an'ny rehetra, amin'ny indray mandeha kilalao miendrika biriky. Ny vahaolana dia tsotra. Omeo ny mpianatra. , Ohatra, nahazo ny voalohany DIV class = "mena", faharoa - class = 'manga', fahatelo - class = 'maitso'. Ankehitriny dia afaka mampiasa CSS voafidy latabatra.

Ny Syntaxe dia toy izao manaraka izao: manondro ny hevitra ( "."), Narahana fanoratana ny anaran 'ny mpianatra. Mba hitantana ny vondrona voalohany dia ampiasao ny fanorenana .red. Faharoa - .blue sy ny sisa.

Zava-dehibe! Ny nanolorana azy ho mampiasa manan-danja ny kilasy soatoavina toetra. Izany dia heverina ho ratsy endrika hampiasa Transliteration (ohatra, krasiviy-blok) na mpandray tsikombakomba amin'ny taratasy / tarehimarika (ojfh834871). Eto amin'ity fehezan-dalàna, dia tsy maintsy mahazo sahiran-tsaina, tsy lazaina intsony ny olana izay hiatrika ireo izay ho anjara amin'ny tetikasa mandimby anao Aho. Ny safidy tsara indrindra - ny mampiasa izay fomba fiasa, toy ny Bem.

Tombontsoa - somary ambony manovaova.

Fatiantoka - ny singa maro mba ho iray ihany sy ny kilasy, izay midika fa izy no ahitsy indray miaraka. Ny olana dia voavaha mampiasa ny fomba fiasan'ny ary koa ny lova ny preprocessors. Aza adino ny hahazo ny tanana kely, sass na preprocessor hafa, izy ireo indrindra hanatsorana ny asa.

ID selector

About izany dikan-hevitry ny coders sy ny rindrambaiko dia mazava. CSS вообще не рекомендуют использовать ID, поскольку при неаккуратном применении они могут вызвать проблемы с наследованием. Misy CSS Tutorials tsy fahazoan-dalana ny fampiasana ny ID, satria amin'ny fampiharana tsy marina mety hiteraka olana ireo amin'ny lova. Na dia izany aza, maro ireo manam-pahaizana no mavitrika handamina azy ireo mandritra ny fisehon'ny. Manapa-kevitra. # »), затем имя блока. Ny Syntaxe dia toy izao manaraka izao: ny farantsa famantarana ( "#"), dia ny anaran 'ny fanakatonana. #red. Ohatra, #red.

отличается от класса по нескольким параметрам. ID Tsy mitovy amin'ny kilasy amin'ny fomba maro. ID. Voalohany, ny pejy tsy azo ekena ho roa mitovy ID. Voatendry izy ireo tsy manam-paharoa anarana. Faharoa, toy izany selector manana loha laharana ambony kokoa. red и укажете в таблицах CSS красный цвет фона, а затем назначите ему же id blue и укажете синий цвет, блок станет синим. Midika izany fa raha milaza ny tarika kilasy mena ary mamaritra ao amin'ny CSS latabatra mena loko afara, ary avy eo hametraka andraikitra manokana ho azy toy izany koa ID manga sy mamaritra ny loko manga, ny tarika hampiala manga.

Tombontsoa - afaka mifehy ny singa manokana, tsy firaharahana randram-Tags sy ny fotoam-pianarana.

ID и class. Fatiantoka - mora very amin'ny maro ny ID sy ny fotoam-pianarana.

Zava-dehibe! ID вам, в общем-то, не нужны. Raha mampiasa fomba fiasa Bem (na ny analogies), ID ho anareo, amin'ny ankapobeny, dia tsy ilaina. Ity teknika mitaky ny fampiasana ny fisehon'ny kilasy tsy manam-paharoa izay mety kokoa.

rehetra izao selector

{}. Syntaxe: Starlets famantarana ( "*") sy vy fanitsiana tongotra, izany hoe, * {} ...

Ampiasaina mba manendry toetra sasany indray mandeha singa rehetra ao amin'ny pejy. Rehefa izany dia afaka ny ho ampiasaina? box-sizing: border-box. Ohatra, raha te-hametraka ny pejy fananana efajoro-sizing: sisin-boaty. div *{}. Tsy azo ampiasaina ihany ny fitantanana ny singa rehetra ny antontan-taratasy, fa ny fikasana koa mifehy ny zanaky ny andian-tsoratra voatondro, ohatra, DIV * {}.

Tombontsoa - dia afaka mifehy Maro ny zavatra amin'ny fotoana.

Maharatsy ny mifampiresaka - Tsy ampy safidy hentitra loatra. Ankoatra izany, ny fampiasana izany selector, amin'ny toe-javatra sasany miadana ny pejy asa.

ny toetra

Ataovy azo atao ny mifehy ny singa amin'ny toetra manokana. Ohatra, manana maro fahan'ny Tags amin'ny toetra hafa karazana. Ny iray tamin'izy ireo - teny, ny faharoa - tenimiafina, ny fahatelo - isa. Mazava ho azy, dia afaka nametraka ny kilasy tsirairay na ny ID, fa tsy mora foana. CSS selectors ny toetra ataovy azo atao ny mamaritra soatoavina ho an'ny sasany Tags amin'ny marina tsara indrindra. Ohatra, toy izao:

fahan'ny [type = 'soratra'] {}

Izany selector toetra rehetra dia mifidy ny karazana lahatsoratra fahan'ny.

Ny fitaovana dia tena malefaka sy azo ampiasaina akory va ny Tags, izay mety hisy toetra. Fa izany tsy ny rehetra! Ny CSS famaritana dia manana ny fahafahana mifehy ny zavatra bebe kokoa amin'ny tsy hanahirana!

Eritrereto hoe manana torohevitra ny pejy miaraka amin'ny toetra placeholder = "Mampidira anarana" sy ny fandraisana anjara placeholder = "Enter tenimiafina". Afaka koa voafantina mampiasa ny selector! Mba hanaovana izany, dia ampiasao ny rafitra manaraka izao:

fahan'ny [placeholder = "Ampidiro ny anarana hoe"] {} na torohevitra [placeholder = "Ampidiro ny tenimiafina"]

Malefaka kokoa angamba ny asa miaraka amin'ny toetra. Ndao hoe manana maro Tags amin'ny toetra mitovy lohateny (ohatra, "Caspienne" sy "Caspienne"). To mifidy na dia ampiasao ireto voafantina:

[Anaram-boninahitra * = "Kaspiysk"]

CSS no hifidy ny zavatra rehetra eo amin'ny lohateny izay misy marika ny "Caspienne", izany hoe. E., ary "Caspienne" sy "Caspienne".

Azonao atao ihany koa ny mifidy Tags izay manomboka amin'ny toetra sasany ny toetra:

[Lohateny ^ = "toetra tianao"] {}

na hamarana azy;

[Lohateny $ = "tsara toetra"] {}.

Tombontsoa - manovaova ambony indrindra. Afaka mifidy izay efa misy pejy singa tsy messing amin'ny kilasy.

Fatiantoka - somary zara raha ampiasaina, afa-tsy amin'ny toe-javatra manokana. Maro tranonkala endrika kokoa ny fomba fiasa, satria ny hevitra kilasy dia mora kokoa noho ny mandamina maro kianja fononteny mahitsizoro sy famantarana "mitovy". Ankoatra izany, ireo selectors Tsy miasa amin'ny Internet Explorer dikan-7 sy ambany. Na dia izany aza, izay mila ny antitra ankehitriny Internet Explorer?

pseudo-kilasy selectors

Manondro ny pseudo-sata singa. Ohatra ,: miaraka amin - Inona no mitranga amin'ny ampahany ny pejy rehefa miaraka amin ,: nitsidika - ny nitsidika rohy. Izany koa ny singa toy ny: voalohany sy zaza: farany-zaza.

Io karazana mavitrika selector dia ampiasaina amin'ny firafitry maoderina, satria noho izany dia afaka manao pejy "mivantana" tsy misy ny fampiasana ny JavaScript. , Ohatra, te-ho azo antoka fa rehefa miaraka amin noho ny bokotra amin'ny kilasy btn niova tarehy. Mba hanaovana izany, dia mampiasa ny rafitra manaraka izao:

.btn: miaraka amin {

fototra-loko: mena;

}

Beauty azo voalaza ao amin'ny fototry ny fananana ny bokotra, ny tetezamita fananany, ohatra, 0.5s - amin'ity tranga ity, ny bokotra dia tsy hangaihay hatrany, ary ao anatin'ny antsasaky ny faharoa.

Herim-panahy - dia be ampiasaina ny "fifohazana" ny pejy. Mora ampiasaina.

Fatiantoka - lany ritra ireny. Izany no tena mora raisina ny fitaovana. Na izany aza, kely saina mpamorona tranonkala dia afaka very ny haben'ny pseudo-kilasy. Ny olana dia voavaha fianarana sy ny fampiharana.

pseudo-selectors

"Pseudo" - ireo no ao amin'ilay pejy izay tsy ao HTML, fa mbola azo nahavita. Tsy mahatakatra izany? Fa mora kokoa noho ny toa. , Ohatra, te-ho voalohany taratasy izany teo tady sy mena lehibe, fa namela ny hafa soratra kely sy mainty. Mazava ho azy, dia azo nanatsoaka hevitra fa taratasy amin'ny irain-jehy amin'ny iray kilasy, saingy lava sy mandreraka. Dia mora kokoa ny hifidy ny fehintsoratra manontolo, ary mampiasa sandoka ::-taratasy voalohany. Manome fahafahana mifehy ny endriky ny taratasiny voalohany.

Misy tena maro ny pseudo-singa. Tanisao ao anaty lahatsoratra iray dia inoana hahomby. Afaka mahita ny fanazavana manan-danja ao amin'ny toerana tena fikarohana.

Tombontsoa - manome ny manovaova mba ampanjifaina ny fijery ny pejy.

Fatiantoka - vaovao ho azy ireo dia matetika very hevitra. Maro voafantina ity karazana asa afa-tsy navigateur sasany.

To mamintina

Selector - fitaovana mahery vaika ho an'ny fanaraha-maso ny antontan-taratasy mikoriana. Noho izy, dia afaka mifidy tsirairay ao amin 'ny pejy (misy na dia amin'ny ampahany fotsiny ihany). Aza adino ny hianatra ny safidy rehetra misy, na mihitsy aza hahasoratra azy. Izany no zava-dehibe indrindra raha sarotra mamorona pejy miaraka amin'ny famolavolana sy ny maoderina maro ifandrimbonana singa.