Помогите немогу найти решения (CSS)

Помогите не могу победить наследование в CSS:

css:

Код:

---

<style type="text/css">
<!--
div {
****background-color: #006666;****
}
.test {
****background-color: #000000;
}
-->
</style>

---

html:

Почему цвет фона не меняется на черный, а наследуется цвет от самого первого div?

Ответ найден с помощью "!important"

странно, что !important помог, ведь внутри дива с классом .test есть еще один див, для которого прописан черный бэкграунд, который должен все перекрыть.

Цитата:

---

Почему цвет фона не меняется на черный, а наследуется цвет от самого первого div?

---

Он не наследуется, а назначается Вами напрямую (как для внешнего, так и для третьего вложенного дива). Наследование тут вообще ни при чем...