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