[html/css] czy taka praktyka jest dobra?

cześć, ćwiczę sobie ostatnio html i css i zastanawiam się czy sposób w jaki tworzę stronę jest okej.

mianowicie mam sobie .wrapper

Kod:

---

.wrapper
{
    width:1000px;
    margin: 0 auto;
}

---

który mi tworzy mi wycentrowany blok o szerokości 1000px.

jeśli natomiast chcę zrobić pasek na całą szerokość strony(np. jakiś logo bar) to wygląda to tak:

http://pastebin.com/QV2TncJv

i css:

http://pastebin.com/hvaLKXSG

ostateczny efekt jest taki:
http://jsfiddle.net/66xJW/1/


I teraz moje pytanie. jeśli w późniejszym stadium rozwoju strony miałbym footer-bar a w nim wrapper i chciałbym aby ten konkretny wrapper miał np. padding: 30px to czy mogę się do niego odnieść w taki sposób jak w linku wyżej? mianowicie

Kod HTML:

---

.logo-bar > .wrapper
{ 
 text-align: center;
padding:30px;
  }

---

czy taka praktyka jest okej? jest jakiś inny(lepszy) sposób żeby to zrobić?

Tak jest to jak najbardziej dobra praktyka ;)

Dodałbym tylko, żeby starać się w miarę używać nowszych znaczników html5,

czyli zamiast

Kod:

---

<div class="header">
    <div class="wrapper">
        sdfsd
    </div>
</div>
<div class="content">
    <div class="wrapper">
        sdfsd
    </div>
</div>
<div class="prefooter">
    <div class="wrapper">
        <div class="blog-item1">
        dsfsdf
        </div>
        <div class="blog-item2">
        dsfsdf
        </div>
    </div>
</div>
<div class="footer">
    <div class="wrapper">
        sdfsd
    </div>
</div>

---

Kod:

---

<header class="header">
    <div class="wrapper">
        sdfsd
    </div>
</header >
<section class="content">
    <div class="wrapper">
        <article class="blog-item1">
        dsfsdf
        </article>
        <article class="blog-item2">
        dsfsdf
        </article>
    </div>
</section >
<section class="prefooter">
    <div class="wrapper">
      dfgdfg
    </div>
</section>
<footer class="footer">
    <div class="wrapper">
        sdfsd
    </div>
</footer>

---

@edit
Jeśli w projekcie masz zalozmy kilka takich wrapperow ktore sie roznia od siebie. Mozesz im dawac dodatkowa klase.

Czyli:

Kod:

---

<section>
    <div class="wrapper">
          sdfsdf
    </div>
</section>
<section>
    <div class="wrapper middle-wrapper">
          sdfsdf
    </div>
</section>

css:
.wrapper {
    margin:0 auto;
    width:990px;
}
.middle-wrapper {
    width:700px;
}
.other-wrapper {
    padding:0 30px;
}

---