CSS-选择器可访问性

全部,

我一辈子也弄不明白这个简单的代码到底出了什么问题。它相当基本的CSS，但是浏览器（FF）完全忽略了最后的CSS选择代码

以下是html：

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

它的

#cat_box01.size_txt

语法未运行。我在这里做错了什么？为帮助新手干杯：）

不是有效的dom元素

---

改用

请修复代码粘贴。答案取决于css选择器的外观。如果以上是正确的，那么您将丢失上面的#。谢谢ehudokai，该#用于关闭代码，而不是显示在代码中。这件事不知怎么解决了。干杯，非常感谢jondavidjohn。我需要再次访问Sitepoint，并使用span&class重新熟悉自己。干杯

#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;    
}