Разлика између класе и ИД-а

Класа вс ИД

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

Шта је класа?

У ЦСС-у, селектор класе може се користити за примену сопственог стила на групу елемената. Селектор класе користи се за примену одређеног стила на скуп елемената исте класе. У ЦСС-у, селектор класе се идентификује потпуним заустављањем (.). Следи пример селектора класе дефинисан у ЦСС-у.

.мој разред

боја: плава;

фонт-веигхт: болд;

ХТМЛ се може односити на класу дефинисану у ЦСС-у користећи класу атрибута као што је приказано у наставку.

Ово је моје форматирање

Ово је поново моје форматирање

Као што је горе приказано, иста класа може се користити за више елемената, а један елемент може користити више класа. Када се у истом елементу користе више класа, класе се убацују у атрибут класе који је разграничен размаком као што је приказано испод.

Ово је моје форматирање помоћу две класе

Шта је лична карта?

У ЦСС-у, селектор ИД-а може се користити за примену сопственог стила на један јединствени елемент. У ЦСС-у, селектор ИД-а се идентификује помоћу хасх-а (#). Следи пример ИД-а који је дефинисан у ЦСС-у.

#мој ИД

боја црвена;

поравнавање текста: десно;

ХТМЛ се може односити на селектор ИД дефинисан у ЦСС-у користећи ИД атрибута као што је приказано испод.

Ово је мој формат за обликовање ИД селектора

ИД-ови су јединствени. Стога сваки елемент може имати само један ИД и свака страница може имати само један елемент с тим специфичним ИД-ом. ИД-ови имају важну карактеристику која се може користити са прегледачем. Ако УРЛ странице садржи хасх вредност (нпр. Хттп: //мивеб.цом#ми_ид), прегледач ће покушати да аутоматски пронађе елемент са ИД-ом „ми_ид“ и помери веб страницу да би приказао тај елемент. То је један од разлога зашто страница треба имати један елемент с тим специфичним ИД-ом, како би прегледач могао пронаћи тај елемент.

Која је разлика између класе и ИД-а?

Иако се и селектор класе и селектор ИД-а могу користити за примену сопственог стила на елементе на веб страници, имају неке важне разлике. Селектор класе може се користити за примену сопственог стила на групу елемената, док се селектор ИД користи за примену стила на један јединствени елемент. Када користите ИД-ове, сваки елемент може имати само један ИД и свака страница може имати само један елемент с тим специфичним ИД-ом, али Класа се може користити за више елемената и један елемент може користити више класа. Надаље, ИД се може користити за аутоматско помицање странице за приказ елемента с тим ИД-ом, али то није могуће помоћу селектора класе.