CSS - доступность селекторов

Question

All

Я не могу на всю жизнь понять, что не так с этим простым кодом. Это довольно простой CSS, но браузер (FF) полностью игнорирует последний код выбора CSS.

Вот HTML:

<div id="cat_box01"> 
    <a href="#"><img src="i/cat/cat_img01.jpg" /></a>
    <class="sizes_txt">Sizes:</class> 
</div>

А вот и CSS:

#cat_box01 {
    background: rgba(255,43,43,1); /* colouring the background as a test */
    height: 250px;
    width: 500px; 
    padding: 10px;
    border: 0;
    margin: 0px;
    position: absolute;
    top: 98px;
    left: 16px;
    z-index: 1;
}


#cat_box01 a img {
    height: 200px;
    width: auto;
    position: relative;
    left: 5px;
    padding: 5px;
    border: 0;
    margin: 0;
    opacity: 0.9;
}


#cat_box01 .sizes_txt {
    position: relative;
    left: 300px;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: Helvetica, Georgia, Arial, sans-serif;
    font-size: 10px;    
}

Это синтаксис #cat_box01 .sizes_txt, который не запускается. Что я здесь не так делаю? Приветствия за помощь новичку:)

Answer 1

<class> не является допустимым элементом dom

используйте <span class="sizes_txt"> </span> вместо