关于DIV+CSS，类选择器空格的问题？
<styletype="text/css">#col{margin:100px000;}#coldiv{width:180px;margin:20px0040px;dis...
<style type="text/css">
#col{margin:100px 0 0 0; }
#col div{width:180px; margin:20px 0 0 40px; display:inline;}
#col .first{margin: 20px 0 0 20px; }
#col li{line-height:30px;}
#col .first ul{border-right:#EEE 1px solid;}
.fl{ float:left;}
</style>
</head>
<body>
<div id="col">
<div class="first fl">
<ul>
<li><a href="#">Latin literature </a></li>
<li><a href="#">making over years </a></li>
<li><a href="#">Richard Clintock </a></li>
<li><a href="#">Virginia looked one</a></li>
<li><a href="#">Latin professor </a></li>
<li><a href="#">Hampden Sydney </a></li>
</ul>
</div>
<div class="fl">
<ul>
<li><a href="#">Latin literature </a></li>
<li><a href="#">making over years </a></li>
<li><a href="#">Richard Clintock </a></li>
<li><a href="#">Latin professor </a></li>
<li><a href="#">Hampden Sydney </a></li>
<li><a href="#">Virginia looked one</a></li>
</ul>
</div>
</div>
</body>
1：我不明白类选择器<div class="first fl">中间为什么有空格，如何用CSS来控制DIV？
2：我不明白这两个类选择器如何做的精确控制，比如我想给第二个列加一个背景颜色如何添加？
3：.fl{ float:left;}我知道 float:left;的意思，我不知道 .fl的意思，到底是控制哪个类？ 展开
#col{margin:100px 0 0 0; }
#col div{width:180px; margin:20px 0 0 40px; display:inline;}
#col .first{margin: 20px 0 0 20px; }
#col li{line-height:30px;}
#col .first ul{border-right:#EEE 1px solid;}
.fl{ float:left;}
</style>
</head>
<body>
<div id="col">
<div class="first fl">
<ul>
<li><a href="#">Latin literature </a></li>
<li><a href="#">making over years </a></li>
<li><a href="#">Richard Clintock </a></li>
<li><a href="#">Virginia looked one</a></li>
<li><a href="#">Latin professor </a></li>
<li><a href="#">Hampden Sydney </a></li>
</ul>
</div>
<div class="fl">
<ul>
<li><a href="#">Latin literature </a></li>
<li><a href="#">making over years </a></li>
<li><a href="#">Richard Clintock </a></li>
<li><a href="#">Latin professor </a></li>
<li><a href="#">Hampden Sydney </a></li>
<li><a href="#">Virginia looked one</a></li>
</ul>
</div>
</div>
</body>
1：我不明白类选择器<div class="first fl">中间为什么有空格，如何用CSS来控制DIV？
2：我不明白这两个类选择器如何做的精确控制，比如我想给第二个列加一个背景颜色如何添加？
3：.fl{ float:left;}我知道 float:left;的意思，我不知道 .fl的意思，到底是控制哪个类？ 展开
展开全部
一个元素上同时调用了first和fl两个class类：
<p class="font12 red line22">这里p上同时调用了三个class</p>
.font12{font-size:12px;}
.red{color:red;}
.line22{line-height:22px;}
要给第二个列表加背景，再给第二个列表定义个id或class：
<div class="first fl">
<ul><li>list11111</li></ul>
</div>
<div class="fl">
<ul class="list2"><li>list222</li></ul>
</div>
.list2{定义背景..}
.fl不是控制哪个类的，是定义了一个叫fl的类名，上面两个div都调用了.fl这个类，都浮动了。
基本上没摸到门的方向，还需要加油！
<p class="font12 red line22">这里p上同时调用了三个class</p>
.font12{font-size:12px;}
.red{color:red;}
.line22{line-height:22px;}
要给第二个列表加背景，再给第二个列表定义个id或class：
<div class="first fl">
<ul><li>list11111</li></ul>
</div>
<div class="fl">
<ul class="list2"><li>list222</li></ul>
</div>
.list2{定义背景..}
.fl不是控制哪个类的，是定义了一个叫fl的类名，上面两个div都调用了.fl这个类，都浮动了。
基本上没摸到门的方向，还需要加油！
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<div class="first fl">有空是因为要同时调用两个class 一个是first 另一个是fl 。
比如我想给第二个列加一个背景颜色如何添加，直接给你要加背景色的那个li写一个class比如我写.libg ｛background:#f00}, <li class='libg'><a href="#">making over years </a></li>
fl{ float:left;}我知道 float:left;的意思，我不知,这个意思是做浮动，你把那个 <div class="fl">
变成 <div>他就不浮动，直接占一行
比如我想给第二个列加一个背景颜色如何添加，直接给你要加背景色的那个li写一个class比如我写.libg ｛background:#f00}, <li class='libg'><a href="#">making over years </a></li>
fl{ float:left;}我知道 float:left;的意思，我不知,这个意思是做浮动，你把那个 <div class="fl">
变成 <div>他就不浮动，直接占一行
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
