Witajcie mam mały problem. Tworze stronkę według poprawnego (tak mi się wydaje) html5 i mam problem z dziedziczeniem...
np. strona bloga wygląda tak:
<header></header>
<nav></nav>
<main role="main">
<article>
<img src="images/zdjecie.png" alt="" /> <h2>Lorem ipsum dolor sit amet
</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua...
</p> </article>
<article>
<img src="images/zdjecie.png" alt="" /> <h2>Lorem ipsum dolor sit amet
</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua...
</p> </article>
<article>
<img src="images/zdjecie.png" alt="" /> <h2>Lorem ipsum dolor sit amet
</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua...
</p> </article>
</main>
<footer></footer>
i teraz robie strone dla pojedynczego wpisu
<header></header>
<nav></nav>
<main role="main">
<article class="post">
<img src="images/zdjecie.png" alt="" /> <h2>Lorem ipsum dolor sit amet
</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua...
</p> </article>
</main>
<aside></aside>
<footer></footer>
Pomimo tego że do article dodałem klase "post" to i tak wszystko zostało odziedziczone.. czy można jakoś uniemożliwić dziedziczenie czy trzeba nadpisywać reguły?
Ps. Czy element <section> będzie dobry dla widgetów sidebara ( <aside> )?