Како се користи ИД селектор у ЦСС-у

Може 22, 2024

У последњих неколико туторијала разговарали смо о две од три врсте ЦСС правила. Први тип је ХТМЛ селектор који се заснива и контролише стил одговарајуће ХТМЛ ознаке. Други тип је селектор класе који функционише као генерички стил који се може примијенити на било који елемент на веб страници.

Сада је време да се разговара о трећем типу ЦСС правила које се зове ИД селектор. Као и код селектора класе, селектор ИД-а може се применити на било који елемент на веб страници. Међутим, требало би га користити само једном на страници. Ово чини ИД селектор врло корисним за динамички ХТМЛ и ЈаваСцрипт. Теоретски, ако користите ИД селектор више пута на страници, следећи би их веб претраживач требало занемарити. Међутим, то није увек случај. Веома је тешко ослонити се на предвидљивост веб прегледача. Стога, када се одлучите за коришћење ИД-а, пазите да га користите само једном. Погледајмо пример.

Основни код

. . .

Пример

. . .

Селектор ИД-а

Унутар ознака приметићете да ИД селектор почиње са хасх симболом (#) и да следи име које доделите селектору ИД. Као и код селектора класе, можете користити било које име које желите, али најбоље је ако име указује за шта ће се користити ИД селектор. У примјеру га користимо за идентификацију посебног дијела текста.

{вредност имовине;}

Такође унутар ознака, селектор ИД-а прати један или више парова својстава вредности који су смештени између коврчавих заграда. Ови парови својства и вредности одређују карактеристике стила. У примеру, одломак са селектором ИД-а посебног текста имаће црвено обојен текст.

. . .

Када користите ИД селектор у телу веб странице, користићете атрибут ид унутар почетне ХТМЛ ознаке. Вриједност атрибута ид је јединствено име које је додијељено селектору ИД-а, у овом случају "специал_тект". (ид = "вредност") Ово је начин на који селектор "повезује" стил са оном ХТМЛ ознаком на коју желите да примените стил. У горњем примеру, селектор ИД ће бити смештен унутар само једног

ознаку на веб страници. Било које друге ХТМЛ тагове на веб страници не смеју да садрже селектор ИД-а унутар почетне ознаке.

Видео Упутства: Урок 5. Селектори в CSS (Може 2024).

Како се користи ИД-селектор у ЦСС-у, ХТМЛ-у, врстама ЦСС правила, како се користи ИД-селектор, ЦСС-ов селектор

Претходни Чланак

Sledeći Чланак

Повезани Чланци

рачунари

Курс за почетну фотографију производа

Може 2024

Фотографија производа је за мене нешто ново. Тако сам претраживао интернет за бесплатне онлине курсеве на ту тему. Почетни курс за фотографију производа Алек Колосков и Гениа Ларионова помоћи ће вам...

рачунари

Социјални маркетинг апликације ваше књиге

Може 2024

Усмена реч је најбољи начин да сазнате реч о својој књизи апликацији или робној марки. Цросс маркетинг на Фацебооку, Твиттеру, Пинтересту, Флицкр-у и ИоуТубе-у је одличан начин за изградњу базе...