css中id的样式规则,css中id的用法

css中的类样式和id样式

W3C标准

成都创新互联公司主要从事成都做网站、网站设计、网页设计、企业做网站、公司建网站等业务。立足成都服务万柏林,十年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:18982081108

中对于ID与CLASS的设定是：ID具有唯一性，CLASS具有普遍性。

而目前大部分浏览器确实可以定义页面中多个元素的ID相同，并赋以相同的样式，因为目前的浏览器和CSS都对其

睁一只眼闭一只眼

。

就比如说法律规定你做好事，但你也可以去做坏事一样。这是一个标准，你可以遵守，也可以不遵守，但是不遵守的后果很严重。

在CSS中你可能不会碰到太大的问题。但是当用

JavaScript

调用ID时，问题就来了，比如下面的代码：

p

id="html"人aaaaa/p

code

id="html"fffff/code

scriptalert(document.

getElementById

("html").

innerHTML

)/script

这个弹出的结果是

人aaaaa。而

下面的元素就完全被忽略了。

这只是一个

小小的测试，具体到做项目的时候会碰到什么后果就没法预计了。

所以建议你还是遵守标准来设计网页。

ID在页面中必须唯一。这样才符合

web2.0

标准。

css命名规范

把id留给后台开发和JS使用，除此之外页面的page id(如首页的外层需要一个ID id="pageIndex")，页面结构（header main footer）允许用id命名(ID命名建议使用驼峰命名)。其他禁止id使用在样式表CSS命名中，一律使用class命名。

在编码思想上，我们可以将页面拆分成不同的层级（布局、模块、元件）。

什么是CSS命名空间？

通过统一的命名规范定义命名的范围，成为CSS class id命名空间。

布局: 以语义化的单词layout作为命名空间，例如主栏布局命名 layout-main，只改变layout-命名空间后面的命名，layout始终保留。布局的命名空间为layout-xxx。

模块：页面是由一个或多个模块组成，模块的英文单词是module，规范简写成mod，如新闻模块mod-news，照片展示模块mod-photo-show。模块的命名空间为mod-xxx 。

元件：元件是属于模块内部的，也可以说模块是由元件和它内部的自有元素组成。如用户照片信息元件cell-user-photo。元件的命名空间为cell-xxx 。

文字颜色(命名空间text-xxx)

text-c1, text-c2,text-c3……

背景颜色(命名空间bg -xxx)

bg-c1,bg-c2,bg-c3……

边框颜色(命名空间border-xxx)

border-c1,border-c2,border-c3……

参考自文章 CSS命名规则

css的id样式和类样式是什么意思

ID具有唯一性，CLASS具有普遍性。

id样式用为#

ID：是指id为某个值的元素.CSS定义为：#div_id{}.定义之后就是ID为div_id的div是这种样式.范围单一,一般用于指定的元素.

class类样式用为.

类：是指class为某一个值的元素.CSS定义为：.div_class{}.定义之后就是类为div_class的div是这种样式.范围好控制,需要用这种样式的就给他class就行了.