Разлика между клас и ID

Клас срещу ID

Cascading Style Sheets (CSS) е език, който описва външния вид и форматирането на документ, написан с език за маркиране. CSS се използва широко за стилизиране на уеб страници, написани на HTML. CSS позволява да се посочат вашите собствени избрани стилове в допълнение към прилагането на стилове за HTML елементи. Това става с помощта на селекторите на ID и клас. Когато посочвате стил за един уникален елемент, се използва ID селектор. Когато посочвате стил за група елементи, се използва селекторът на класове.

Какво е клас?

В CSS селекторът на класове може да се използва, за да приложите свой собствен стил към група елементи. Селекторът Class се използва за прилагане на определен стил към набор от елементи с един и същи клас. В CSS селекторът на клас се идентифицира чрез пълно спиране (.). Следва пример за избор на клас, дефиниран в CSS.

.Моят клас

цвят: син;

шрифт: удебелен шрифт;

HTML може да се отнася до класа, дефиниран в CSS, като използва клас атрибут, както е показано по-долу.

Това е моето форматиране

Това отново е моето форматиране

Както е показано по-горе, един и същ клас може да се използва за множество елементи и един елемент може да използва множество класове. Когато се използват няколко класа в един и същ елемент, класовете се вмъкват в атрибута на клас, обозначен с интервал, както е показано по-долу.

Това е моето форматиране с помощта на два класа

Какво е идентификационен номер?

В CSS селекторът на ID може да се използва, за да приложите свой собствен стил към един уникален елемент. В CSS селекторът на идентификатор се идентифицира чрез хеш (#). Следва пример за ID селектор, дефиниран в CSS.

#my_ID

цвят: червен;

текст-приравни: право;

HTML може да се отнася до ID селектора, дефиниран в CSS, като използва идентификатора на атрибута, както е показано по-долу.

Това е моето форматиране на селектор за идентификация

Идентификационните номера са уникални. Следователно всеки елемент може да има само един идентификационен номер и всяка страница може да има само един елемент с този конкретен идентификатор. Идентификационните номера имат важна характеристика, която може да се използва с браузър. Ако URL адресът на страницата съдържа стойност на хеш (напр. Http: //myweb.com#my_id), браузърът ще се опита автоматично да намери елемента с идентификатора „my_id“ и да превърта уеб страницата, за да се покаже този елемент. Това е една от причините страницата да има един елемент с този конкретен идентификатор, за да може браузърът да намери този елемент.

Каква е разликата между Class и ID?

Въпреки че както селекторът на клас, така и селекторът на ID могат да се използват за прилагане на вашия собствен стил към елементи в уеб страница, те имат някои важни разлики. Селекторът на класове може да се използва за прилагане на вашия собствен стил към група елементи, докато селекторът на ID се използва за прилагане на стил към един, уникален елемент. Когато използвате идентификатори, всеки елемент може да има само един идентификатор и всяка страница може да има само един елемент с този специфичен идентификатор, но Class може да се използва за множество елементи и един елемент може да използва множество класове. Освен това ID може да се използва за автоматично превъртане на страница за показване на елемента с този идентификатор, но това не е възможно със селектора на класове.