css定义div里面class样式

这也是一个常用的了,我们在一个大的div里面要定义它下面的子类的样式,这是常见的如我要定义div 里面的a  标签为一个块那就就div a{display:block;}就这样喽.

好了下面我们就来看一个例子吧.

.top_menu{
background-color:#3399cc;
text-align:left;
height:18px;
margin-top:1px;
margin-bottom:6px;
padding-top:6px;
padding-bottom:4px;
padding-left:2px;}
.top_menu a,.top_menu a:visited{padding-left:2px; color:#000000;}

现在我们看到的是类top_menu,而下面的top_menu a,.top_menu a:visited则是定义它的a 标签的样式哦.

<div class=top_menu>

   <a href=www.111cn.cn>中国WEB第一站</a>

   <a href=www.111cn.cn>中国WEB第一站</a>

   <a href=www.111cn.cn>中国WEB第一站</a>

</a>

我现在就要控制区top_menu里面的a显示方式

.top_menu a,.top_menu a:visited{padding-left:2px; color:#000000;}

这样就行了,好了我想你应该也明白了,就不写了,

本站原创转载请注明来自www.111cn.cn/cssdiv/css.html