Css does not apply to div

Question

I’m making a Theme for tumblr, and set a div called "info" to organize posting times and amount of notes in the post. But when I save the changes and visualize them, nothing changes. When opening the inspect element, I realized that it is as if the div does not exist, and the css is not displayed (image). Since, always before I style Divs, I put a background to locate myself and then I make the changes.

CSS:

.info{background: #000;}

HTML:

<div class="info">
    <a href="{Permalink}" title="{ShortMonth} {DayOfMonth}{DayOfMonthSuffix} {Year}">
        {TimeAgo}
    </a>

    {block:NoteCount}
        <a href="{Permalink}#notes">
            {NoteCountWithLabel}
        </a>
    {/block:NoteCount}
</div>

Answer 1

Well, after I cracked my head a little bit, I was able to solve this problem. I decided to add a class by inspecting the element itself, and set the css the way I’d like. After that, I went to the Tumblr code editor, removed the class I had placed and pasted the one I created in inspect. The code worked normally and now I am editing smoothly.