css 问题 点和#表示什么？

html-css09

css 问题 点和#表示什么？,第1张

css中的点表示类，#表示id

例如，

<div id="foot">

<span class="booter"></span>

<span class="booter"></span>

<span class="booter"></span>

</div>

其中，booter就是类，foot就是id

点 是类选择器的标识。如 .aClass{ width:50px}

空格 是后代选择器的标识。如 div p{ width:100px}

类选择器，设置的是同个类名(如name=“aClass”)的元素的样式；

后代选择器，设置的是一个元素的某种后代的样式。如上面的div p{ width:100px}就是设置 所有div元素中的所有后代中的所有p元素。

【div元素中的所有后代 包括div的子元素、孙元素、曾孙元素等等】

你可以这样理解：

类选择器 指所有外号相同的人(他们的外号都叫做aClass）；

后代选择器 指同时满足两个条件的人，如：小树 叶子 {balabala} 前提是小树，然后是它的所有叶子。