problème bizarre CSS

bonjour, je suis dans l'incompréhension la plus total :'(

j'ai ceci dans mon base.html

Code:

---

1 2 3 4 5

<div id=content> {% block content %} {% endblock %} </div>

---

et ceci dans mon base.css

Code:

---

1 2 3 4 5

.content { background: green;   }

---

je précise que le reste de mon css est appliqué...

mes autres html héritent de base.html, puis je surcharge (pas sur que se soit le bon mot) mon block content

edit, avec class et non id sa marche, mais je comprend encore moins pourquoi


autant pour moi je suis débile .. c'est #id et .class -_-