CSS中class中的空格

<li class="nav_item t_home current"><a href="http://www.codybye.com/" onfocus="this.blur()">首页</a></li> 
这个li中有两个空格,相当于在CSS中定义了 nav_item、t_home、current 这三个样式,用空格分开表示对这个li元素同时应用这三个样式。
类和元素是多对多的关系,一个类可以用于多个元素,一个元素也可以拥有多个类。多类的时候,只要元素拥有某个类,就会应用这个类的样式,这里三个样式是同时起作用的。

但有个问题就是当多类并存并且同时声明了同一个样式的时候,就涉及到覆盖,不同的浏览器可能表现不同。比如按常理说,后面的类会覆盖前面的类,但实际上并不总是这样,这是需要注意的。
posted @ 2014-07-16 11:15  happyOnTheRoad  阅读(1702)  评论(0编辑  收藏  举报