Дублиране на клас в css

V

vinsbg

Registered
Понеже се опитвам да валидирам един код и ми дава тази грешка:

Duplicate ID comments.
Увеличете...
Това е кода:
Код: 
<div class="columns" id="comments">
.....//css-a
</div>
Поразрових се и видях решение id="comments" да го направя class="comments" и съответно в css-a от #comments на .comments:
После само с интервала в класа да ги разделя:
Код: 
<div class="columns comments">
Така обаче всичко се размества.
Има ли друг начин или трябва да преправя и css-a на comments?
 
deam0n каза:
Що не смениш от #comments на #replies примерно :D
Увеличете...

edit:
Всъщност не знам, защо първия път не стана, но сега стана.

Код: 
.comments {text-align:right;float:right;padding-top: 3px;font-size: 12px;}
и
Код: 
<div class="columns comments">
				//кода	
				</div>
 
може би заради резолюцията. Научете се да пишете responsive layout-ти. Не е толкова сложно. Тук в случая, дори не си го писъл ти
 
По-скоро едва ли е от резолюцията, а като си сменил от ID на Class е паднало specificity-то на стиловете от 100 на 10 и от някъде другаде си override-нал стилове.

Сега може би работи, тъй като най-вероятно си размествал по CSS-a или си променял и specificity-то на друг селектор, който е прецаквал горния.

nqkafff, responsive layout е нещо, което не е задължително. Важно е човек като пише CSS/HTML да знае какво и защо прави, което се постига с практика и четене. Responsive е бонус, който се постига след като си научил малките неща и знаеш кое и защо се случва.

Повече за CSS Specificity:
http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/
http://css-tricks.com/specifics-on-css-specificity/
http://specificity.keegan.st/
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Горе