Как не менять каждое изображение div в моем коде

Question

Я абсолютный новичок, и я пытаюсь изменить изображение div с помощью css, не меняя изображения каждого другого div, следующего за ним.

    <div>
        <font size="+2">Pflücken</font> <div class="image" onclick="MullClick(1)"> </div>
        <br />
        </div>
        <font size="+2">Blume</font> :<span id="Mull"><b>0</b></span>
        <br />
        <br /><br /><br />
        <br />
        <br /><br /><br />
        <br />
        <br />
        <font size="+3">Blumentopf:</font> <div class="image"  onclick="buyBlume()"></div>
        <br />
        Blumentopf: <span id="Blume">0 </span><br />
        Kosten: <span id="BlumeCost">10 </span><br />

    <script type="text/javascript" src="main.js"></script>
    </body>

CSS    
    div.image {
        content:url (Imageurl)
    }

Я хочу изменить только одно изображение, но оно меняет оба изображения. Есть ли способ просто «классифицировать» их, чтобы я мог работать только с одним?