日期:2014-05-17  浏览次数:20668 次

CSS中#和.有什么区别
CSS中#和.有什么异同.

------解决方案--------------------
用法和效果都一样,只是#用id,.用class
------解决方案--------------------
#style1 {...}
.style2 {...}

<div id=style1 class= "style2 "> </div>

就是这样
而且,对于上述例子中的div,如果style1和style2的css样式定义有冲突,style1有更高的优先级

不过,因为对于一个规范的HTML页面,不应该包含ID重复的元素

------解决方案--------------------
我最后一句话的意思是:能用到ID的情况是少数,对于重复元素(比如记录列表),一般都不会用到#
------解决方案--------------------
回复人:storm0(飘零雾雨) ( 一星(中级)) 信誉:100
用法和效果都一样,只是#用id,.用class
------------------------------------------

明显的误导!
# 表示一个 ID ,对于一个页面来说,不允许两个元素使用重复的 ID ,这也是 document 对象的 getElementById 的 element 是单数的原因。从语义上来说,ID 表示一个具有具体含义的对象,比如: <h1 id= "page_title "> xxxx </h1> 表示这个 h1 标签的内容是这个页面的标题

. 表示一个 Class,可以有多个元素使用同一个 class 。从语义上说,class 并没有具体的指向性,只表示一种表现、一种呈现方式,比如: <span class= "red_text "> xxxx </span> 只表示 span 标签内字体为红色,并没有说明这个标签的内容是什么

还有一点需要注意,在定义样式的时候 ID 比 CLASS 的权值高得多,这个影响到对象的表现使用那一种样式。

具体内容可以参考 CSS 规范、w3c.org