CSS编写经验谈:常用的10个CSS类名(2)

 3.class=”selected”

这个最经常用的，用来处理mouseover或选中元素的效果。

  <li class="selected"><a href="/about">About Us</a></li>

选项卡制作的时：

<dl>
<dt class="selected">Tag Cloud</dt>
...
...
...
</dl>

 4.class=”first”, class=”last”

 直到99.9% 的浏览器支持:first-child和:last-child这两个伪类之前，class=”first”, class=”last”用的地方还是很多的。

5.class=”image”

平常选择图片元素一般用类似(#container img)这样的标签选择器，但是我这里的class=”image”是用在包含图片的容器元素，假如你正在做一个新闻列表，需要在新闻标题下面加一行带图片和说明文字，并且向右浮动，可以这样做：

  <img src="/images/img_me.jpg" alt="my funny face" />
 This is me trying to look cool!
 
 The rest of the content here
 ...

6. class=”inner”

inner也是经常使用的class，而且大部分上是用来制造视觉上的额外效果，用来给嵌套在容器里的子容器定义样式（比如制作双背景图片效果）。

<div id="container">
 <div class="inner">
 
 </div>
</div>

7.class=”link”