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

Question

Все,

Я не могу для жизни меня выяснить, что не так с этим простым кодом. Его довольно простой 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> не является допустимым дом элемент

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