Loading...
tsonchev avatar tsonchev 38 Точки

Кога да ползвам class и кога id ?

В кои случаи е по добре да ползвам class и в кои id?

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

До колкото разбрах, клас-а се ползва при обектите, които се повтарят периодично. И тук почва да се двуумя, какво представлява това повторение и какви рамки обхваща ? 

Например header-a ми е само 1 в страницата, и не се повтаря в нея, но в проекта го има на всяка страница.

Тагове:
1
Web Fundamentals - HTML5
georgi950 avatar georgi950 53 Точки

Здравей,

Класовете се използват за неща, които изглеждат еднакво и ги има повече от 1 път на страницата (примерно темите от форума - всяка изглежда еднаква - заглавие...гласове...автор...блабла - всяка тема е с еднакви стилове следователно се слагат класове на елементите на темата и се пишат веднъж стиловете за всички теми. - имам предвид темите не когато са отворени, а когато се цъкне "Форум" и се виждат всички теми). ID се поставя само на 1 елемент в дадена страница (примерно логото на софтуни горе в ляво го има само веднъж и на него може да се сложи id и да се мръдне малко на ляво и да му се напишат другите стилове). С 2 думи: Логото го има само 1 път на страницата следователно му слагаш id. Ако имаше 3 логотa, които стоят едно под друго и изглеждат еднакво ще трябва да им сложиш class, за да може да имат еднакви стилове и тези стилове да не ги пишеш 3 пъти.

 

Забележка: Ако сложиш еднакво id на 2 елемента от 1 страница пак ще работи, но не е синтактично правилно.

 

6
emilia.orlinova avatar emilia.orlinova 42 Точки

Умните IDE-та ще ти подчертаят за грешка ако имаш две ID-та. Също ID-то е "по-силно" от class-а. Т.е. ще го презапише(overwrite). Класове може да се слагат по няколко на един елемент - <p class="left blue"></p> - параграф с два класа "left" и "blue". ID-то винаги е едно. Ето една интересна статия и още една за "силата" на различните селектори.

7
Можем ли да използваме бисквитки?
Ние използваме бисквитки и подобни технологии, за да предоставим нашите услуги. Можете да се съгласите с всички или част от тях.
Назад
Функционални
Използваме бисквитки и подобни технологии, за да предоставим нашите услуги. Използваме „сесийни“ бисквитки, за да Ви идентифицираме временно. Те се пазят само по време на активната употреба на услугите ни. След излизане от приложението, затваряне на браузъра или мобилното устройство, данните се трият. Използваме бисквитки, за да предоставим опцията „Запомни Ме“, която Ви позволява да използвате нашите услуги без да предоставяте потребителско име и парола. Допълнително е възможно да използваме бисквитки за да съхраняваме различни малки настройки, като избор на езика, позиции на менюта и персонализирано съдържание. Използваме бисквитки и за измерване на маркетинговите ни усилия.
Рекламни
Използваме бисквитки, за да измерваме маркетинг ефективността ни, броене на посещения, както и за проследяването дали дадено електронно писмо е било отворено.