解释一个CSS样式

下载了某个网页,里面有一个样式如下:
#slinner   DIV#slidenum   DIV.slideNumber:unknown   {CLEAR:   both;   DISPLAY:   block;   VISIBILITY:   hidden;   HEIGHT:   0px;   content:   "."}

不太懂是什么意思,
#slinner   DIV#slidenum   DIV#slidenum:unknown   这个是什么意思,
DIV#slidenum   DIV#slidenum   还有:unknown分别是什么用法啊,还有样式里面的content:   "."是什么意思




#slinner表示id＝slinner  
DIV#slidenum表示id＝slidenum而且必须是div元素
DIV#slidenum:unknown表示id＝slidenum而且必须是div元素底下的unknown，可能就是没有内容的样式吧
跟超级连接那个点击过   没有点击过类似。

注意一个空格表示一级，也就是DIV#slidenum已经是第二级了，也就是它必须包含在第一级#slinner内部。
你的例子将应用于一下实例
<div   id="slinner"
    <div   id="slidenum">
        <span style="color: rgb(255,0,0)"><div   id="slideNumber>
        </div> </span>
    </div>
</div>


  A:link   {}
A:active   {   }
A:visited   {   }
和这个类似，这个表示连接访问过   没有访问过，激活状态得css样式

那个unknown和这应该一样，unkonwn应该就是出错或者没内容时得样式
slideNumber应该是伪类吧~

您可能感兴趣的文章：