CSS-selector, sy ny anjara asany eo amin'ny fandrafetana HTML-kevitra

Famoronana tranonkala iray ary mameno azy amin'ny singa sasany ny tranonkala pejy, ny olon-drehetra dia hiatrika ny teny toy ny CSS-selector. Tsy manompo ny marina kokoa mamaritra ny singa rehetra ny HTML-antontan-taratasy ny famolavolana sy ny toerana eo amin'ny pejy. Mba hanaovana izany, mamorona ny CSS-taratasy izay midika avy selectors sasany sy ny fandrafetana safidy: loko, ny habeny, ny toerana sy ny zavatra hafa. Endrika aterineto rehetra ho fantatrao sy ho afaka hiditra tsara ny tiany voafantina. Voazarazara izy ireo araka ny karazany, ny tena ny izay hiresaka momba eto ambany.

Karazana selectors in CSS

Arakaraka izay ny singa no ampiharina HTML-format, CSS-selector mety mifandraika amin'ny iray amin'ireo vondrona manaraka ireto:

• tenifototra selector;
• kilasy selector;
• ID-selector;
• milaza selector.

Tag selector

Izany dia antsoina koa hoe "karazana selector" na "singa", dia ny tena tsotra sy mahazatra. Toy ny CSS-kevitra no anaran'ny ny singa HTML-antontan-taratasy, izay milazalaza. Ohatra, raha mila nametraka ny andininy fomba, dia mamaritra ny fananana sy ny soatoavina noho ny singa, p {eo andamosina: x; loko: Y; size: Z}. Amin'ity tranga ity, fehintsoratra rehetra ao amin'ny aterineto dia hanana ny pejy mitovy endrika (fototra loko, soratra habeny, sy ny sisa. D.).

kilasy selector

Ary ahoana raha toa ka mila manontany ny andininy rehetra dia tsy mitovy amin'ny fomba hafa? Mba hanaovana izany, dia misy kilasy selector.

CSS-kevitra amin'ity tranga ity dia tsy omby ny vava-teny manaraka ireto: p.first {loko: x; font-size: Y}. Noho izany, dia mamaritra ny fananan ' "loko" sy ny "size" ihany ho an'ny kilasy voalohany fehintsoratra.

Ao amin'ny HTML-antontan-taratasy amin'ity tranga ity dia niditra ny kilasy toetra ny anaran 'ny fomba voalohany. Kilasy dia mety ho toy ny fomba tianao ny hampihatra ny tranonkala pejy singa.

selector ID

Matetika dia ilaina ny mamaritra ny fomba marina kokoa, ohatra ny misy singa amin'ny pejy, na ny sample azy ireo. Amin'ny toe-javatra izany, ny fanampiana tonga ID-selector. Ny HTML rakitra manendry ny zavatra naniry anarana izay mampiavaka azy amin'ny hafa. Ohatra, ny singa fa te-hametraka mitovy amin'ny fomba hafa no ho lahatsoratra lohateny.

Avy eo amin'ny HTML-taratasy fanendrena ny lohapejy H1 Solon'anarana, articlename toy izany. Ary ao amin'ny CSS-antontan-taratasy, milaza ny fomba, nanampy ny anarana ID makarakara: #articlename {color: manga; text-hampifanaraka: afovoany}. Ary ny lohateny dia hanana ny loko manga sy mifantoka.

Tsirairay amin'ny etsy ambony karazana dia azo lazaina hoe "tsotra CSS-selector". Izy ireo mamaritra ny pandrafetana ho iray manokana fikirana ny HTML-kevitra: miaraka mitovy singa (ohatra, ny andinin-tsoratra ao amin'ny lahatsoratra), iray kilasy (ohatra, afa-tsy ny voalohany fehintsoratra) na manokana zavatra (ohatra, ilay lahatsoratra lohateny).

milaza selectors

Ho fanampin 'ny ambony, misy ny CSS-selectors toetra - sarotra kokoa ny fomba fomba fampiharana. Tsy mamela ny rafitra HTML singa eo amin'ny toetra na sarobidy voafantina. Maro ireo karazana selector ity:

• ny fanatrehan'ny toetra;
• ny marina amin'ny zava-dehibe;
• ny ampahany toetra sarobidy;
• manokana eo amin'ny zava-dehibe.

Andeha hodinihintsika tsirairay ireo karazana:

1. Tranga voalohany. Pandrafetana dia ampiharina, raha teo ihany ny toetra manokana HTML-fehezan-dalàna (mety ho t, DIV, lohapejy, sns). Raha tsy eo izao, dia mampiasa ny levitra ny singa rehetra ny fomba fanoratra. Ohatra, ny singa manana ny anaram-boninahitra (fitaovana tendron'ny).
2. Ny tranga faharoa. Ny fomba natao ho an'ny ny HTML-singa izay manana lalao marina ny toetra soatoavina. Ohatra, ny torohevitra ny amin'ny singa, izay tena ilaina ny toetra mitovy ny karazana manaiky.
3. Ny tranga fahatelo. Eo ambanin'ny ihany endrika ahitana zavatra ao amin'ny lisitry ny soatoavina izay manana teny iray. Ohatra, bara mitsivalana toetra "kilasy" ny singa DIV.
4. Ny fahefatra raharaha. Style dia faritana fotsiny ho an'ireo singa HTML-taratasy, izay manana toetra manokana iray sarobidy, ka nanomboka niaraka taminy. Ohatra, ny fampiasana ny mazava loko rehetra singa izay ny teny anglisy toetra (izay mety ho en, en-RUS, en-au sy ny t. D.).

Araka izany, ny mampiasa ny iray na ny hafa, ny CSS selector, no tsara indrindra ho faritana ho toy tranonkala pejy iray manontolo, ary farito ny sasany amin'ireo singa.