点 是类选择器的标识。如 .aClass{ width:50px; }
空格 是后代选择器的标识。如 div p{ width:100px; }
类选择器，设置的是同个类名(如name=“aClass”)的元素的样式；
后代选择器，设置的是一个元素的某种后代的样式。如上面的div p{ width:100px; }就是设置 所有div元素中的所有后代中的所有p元素。
【div元素中的所有后代 包括div的子元素、孙元素、曾孙元素等等】
你可以这样理解：
类选择器 指所有外号相同的人(他们的外号都叫做aClass）；
后代选择器 指同时满足两个条件的人，如：小树 叶子 {balabala} 前提是小树，然后是它的所有叶子。
空格 是后代选择器的标识。如 div p{ width:100px; }
类选择器，设置的是同个类名(如name=“aClass”)的元素的样式；
后代选择器，设置的是一个元素的某种后代的样式。如上面的div p{ width:100px; }就是设置 所有div元素中的所有后代中的所有p元素。
【div元素中的所有后代 包括div的子元素、孙元素、曾孙元素等等】
你可以这样理解：
类选择器 指所有外号相同的人(他们的外号都叫做aClass）；
后代选择器 指同时满足两个条件的人，如：小树 叶子 {balabala} 前提是小树，然后是它的所有叶子。
温馨提示：内容为网友见解，仅供参考
第1个回答 2015-12-15
两者区别如下：
1、.表示并且的关系，li.a表示html中元素标签是li并且class类为a的元素才是满足条件的。
2、空格表示父元素 子元素关系，li a表示li标签下的所有a标签都是满足条件的。
1、.表示并且的关系，li.a表示html中元素标签是li并且class类为a的元素才是满足条件的。
2、空格表示父元素 子元素关系，li a表示li标签下的所有a标签都是满足条件的。
第2个回答 2013-02-07
点是在css文件中或<style></style>标签中写的成 .a{font-size:11px}的这种CSS类，它对应class="a"。
空格表示从属关系。#cs li a表示id为”cs“的元素下的li标签下的a标签。
#cs li.a表示id为”cs“的元素下的li标签下的class="a"的标签。追问
空格表示从属关系。#cs li a表示id为”cs“的元素下的li标签下的a标签。
#cs li.a表示id为”cs“的元素下的li标签下的class="a"的标签。追问
这不是一个意思吗？%>_<%
追答不是一个意思！
#cs li.a对应：
#cs li a对应：
第3个回答 2013-02-07
首先#cs li.a 对应的标签为 <div id="cs">
<li class=“a"> </li>
</div>
#cs li a 对应的标签为
<div id="cs">
<li>
<a></a>
</li>
</div>本回答被提问者和网友采纳
<li class=“a"> </li>
</div>
#cs li a 对应的标签为
<div id="cs">
<li>
<a></a>
</li>
</div>本回答被提问者和网友采纳
相似回答
