CSS стилове при HTML5

[misho]

Да речем, че имам сайт със следната структура:

<header>
<section>
<aside>
<footer>

Както се вижда, съм използвал новите HTML5 елементи. Въпросът ми е как е по-удачно да задавам стила на тези елементи? Така:

header { ... }
footer { ... }

или да им слагам id-та и класове и чрез тях, както си беше и преди?
От една страна ми се вижда глупаво да слагам id="header" на елемента header и т.н. Но от друга страна, избягването на id-тата започна да ми създава проблеми.
Първо, старите версии на IE не познават новите HTML5 елементи и резултатът е купчина текст и картинки без капка действащ CSS. И второ, веднъж зададените параметри на header и footer се наследяват от всички елементи с тези имена и за да използвам header за заглавието на някоя секция, например, трябва да изчиствам всички наследени стилове, което ме затруднява и удължава кода.
Вие как действате в тази ситуация?

 

[kikity_94]

header {
//кодът ти
}

 

[misho]

header {
//кодът ти
}

И някаква идея как да избегна посочените проблеми?

 

[kikity_94]

Извинявай не съм ти допрочел поста
Еми IE мисля, че все още не поддържа html5,css3 така, че мисля, че ще трябва да ползваш старите методи <div id="header">
Не мисля, че това е голям проблем.

 

[Dizasterr]

Или да използваш новите методи. Потърси из нета има html.js файл, който ти включва HTML5, но не знам колко е полезно.

 

[kikity_94]

ето един линк Цък

 

[misho]

kikity_94, благодаря за статията! По принцип гледам да избягвам js там където може да се използва css.
Но гадното наследяване си остава проблем. Там с id-та доста по-леко минават нещата.
Интересно ми е вие как действате в случая и защо точно така?

 

[kikity_94]

Аз за сега си деиствам по старо му html4, css2 (и на места css3 който го исползвам за заобляне сенки и такис дребни работи). Работя така поне докато всички браузъри не започнат да поддържат новите версии както трябва.

 

[misho]

Нещо по темата:
http://forums.academy.teleri*k.com/9747/html5-тагове-и-по-добър-css
(без звездичката)