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>不是有效的 dom 元素

使用<span class="sizes_txt"> </span>相反