Question

css中＃和. 的用法不同

比如
#maincontainer{width:800px;}

有时更多的看到 比如
.footer {color:#ffffff; text-align:center;}

＃和. 后面都是class的值，用法有什么不同，我指的是怎么使用 ＃和. 来实现哪些功能（全面的讲解），
而不要单纯讲解上面这两个例子。

多谢
上面说错了，
manicontainer是 id的值
footer才是class的值
那就多了一个问题就是：

什么时候在样式表要引入 id属性？
引入class选择器我好像懂了。

回答的好可以追加分的哦，
这里有两个问题：

1怎么使用 ＃和. 来实现哪些功能（全面的讲解）

2什么时候要引入 id属性？（我现在看的还都只有html和css）

Answer 1

点 是使用class引用的，多个控件可以同时使用一个class，一个控件上也可以使用多个class，比如

.tdRed{border:solid 1px red;} 
.tdBKBlue{background-color:blue;}

<td class="tdRed" />
<td class="tdRed tdBKBule"/>

而ID是在一个页面中唯一的

 

 

总得来说class表示泛性的，id表示个性的

比如你所有的按钮都是一个颜色的

.normalButton{background-color:blue;border:solid 0px black;}

对于提交按钮会要做的大一点

#submit{width:100px;height:100px;}

那么你的按钮就是

<input type="button" id="submit" class="normalButton" value="提交" />

普通的按钮就是

<input type="button" id="abcdefg" class="normalButton" value="普通按钮" />

Answer 2

#是代表ID，一个页面中出现一个唯一名字的ID，多用于大的块；
.是代表class，一个页面可以调用多次，多用于几个地方都需要调用的样式。意思就是可以复用。
除了一次和多次的区别，其他基本没 什么区别。也可以id命名大的模块，class命名内部的。

Answer 3

#一次性，不可引用多次

. 可多次性

一般设定总体框架可以用#
其他反复引用的就class

<content id="content">
<div class="abc" ></div>

<div class="abc"></div>

</content>

类似这样吧！

Answer 4

页面同样式唯一就用id，不唯一就用class，id只能被引用一次，class可以被引用一次或一次以上，js定位要用id，就是这么简单。。
id可以在页面里面定义一次
class可以一次或者一次以上
也就是说如果定义一次，id、class随你喜欢用。。
id用# 用.是不规范的，也没法解析吧
class用.

追问

我想问说 “页面同样式唯一就用id”

这句话什么意思，可以再说的详细点吗，
是不是某些样式比如字体，线条什么的要用class
而栏边什么的要用id，是不是这样，还是完全无分别？

追答

没有区别，
id的值一个页面只能出现一次，就是这么简单。。
边栏也可以class 看喜好

Answer 5

好像#和.没有你想的那么深奥 在html中你用的class名，如<div class="nav"></div> 那么在写css的时候就用.nav,写jquery的时候就用$(".nav")来指向这个div。 通过如果是用的id，那么就用“#”。
<div id="nav" ></div> css中就是#nav，jquery中就是$("#nav")。至于什么时候用id什么时候用class这个看自己，在一个页面中可以重复用一个class名，但是id只能是唯一的。同时，对于同一个节点，通过id定义的css比用class写的css优先级要高。引入id什么时候都行 只是看你的需求和习惯。不过能class解决的尽量用class，这样可以保证不出现重复使用的错误。