В кои случаи е по добре да ползвам class и в кои id?
В гугъл попаднах на няколко статии, свързани уж с точно този проблем, и след прочитането им станах още по-объркан.
До колкото разбрах, клас-а се ползва при обектите, които се повтарят периодично. И тук почва да се двуумя, какво представлява това повторение и какви рамки обхваща ?
Например header-a ми е само 1 в страницата, и не се повтаря в нея, но в проекта го има на всяка страница.
Здравей,
Класовете се използват за неща, които изглеждат еднакво и ги има повече от 1 път на страницата (примерно темите от форума - всяка изглежда еднаква - заглавие...гласове...автор...блабла - всяка тема е с еднакви стилове следователно се слагат класове на елементите на темата и се пишат веднъж стиловете за всички теми. - имам предвид темите не когато са отворени, а когато се цъкне "Форум" и се виждат всички теми). ID се поставя само на 1 елемент в дадена страница (примерно логото на софтуни горе в ляво го има само веднъж и на него може да се сложи id и да се мръдне малко на ляво и да му се напишат другите стилове). С 2 думи: Логото го има само 1 път на страницата следователно му слагаш id. Ако имаше 3 логотa, които стоят едно под друго и изглеждат еднакво ще трябва да им сложиш class, за да може да имат еднакви стилове и тези стилове да не ги пишеш 3 пъти.
Забележка: Ако сложиш еднакво id на 2 елемента от 1 страница пак ще работи, но не е синтактично правилно.
Умните IDE-та ще ти подчертаят за грешка ако имаш две ID-та. Също ID-то е "по-силно" от class-а. Т.е. ще го презапише(overwrite). Класове може да се слагат по няколко на един елемент - <p class="left blue"></p> - параграф с два класа "left" и "blue". ID-то винаги е едно. Ето една интересна статия и още една за "силата" на различните селектори.