首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

CSS中#和.有什么区别解决思路

2012-02-02 
CSS中#和.有什么区别CSS中#和.有什么异同.[解决办法]用法和效果都一样,只是#用id,.用class[解决办法]#styl

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

热点排行