189 8069 5689
当定义一个属性时，是使用id，还是使用class？我们平常在用DIV CSS制作Xhtml网页页面时，常会用到class 和id来选择调用CSS样式属性。对学习CSS的新手来说class和id可能比较模糊，同时不知道什么时候该用class，什么时候又用id，以及它们用法与限制是怎么样的。接下来我们就来详细了解CLASS与ID基本属性及用法。 DIV CSS中id与class使用原则id的使用原则：先来说说id，id具有唯一性，其使用原则也是依据这一特性建立的。id是不能重复的，所以在XHTML的结构中，大结构一定是用id。比如标志、导航、主体内容、版权。这些根据制定的规范命名为#logo,#nav,#content,#copyright等等，本着其唯一性的原则园子建议定义id尽量在外围使用。ID是表示着标签的身份，在JS脚本中会用到id，当JS要修改一个标签的属性时，JS会将id名作为该标签的唯一标识进行操作。也就是说ID只是页面元素的标识，供其他元素脚本等引用。假如你的页面里出现了两个ID那JS效果特性较出现逻辑错误不知道依据哪个ID来改变其标签属性。 在CSS里的ID不一定为JS而设置的，但是同样ID在页面里也只能出现一次，并且是唯一性。虽然可能我们才学DIV+CSS爱好者在一个页面里同时调用相同的ID多次但是仍然没有出现页面混乱错误，但是我们为了W3C及各个标准我们也要遵循ID在一个页面里唯一性。以免出现浏览器兼容问题。 class的使用原则：class在CSS的定义中具有普遍性。说白一点就是class具有可重复无限制的使用多次，园子建议大家尽量在结构内部使用。这样做的好处是有利于网站代码的后期维护与修改，这样的做法就会让所有的class都成为id的子级或是孙级。在我们写CSS的时候可以写成这样#father.child{…}，另外需要注意的是尽量不要让class包含id，比如.father#child{…}如果写成这样很显然就非常不可取。当然这也只是相对于良好书写习惯的一些建议，仅供大家参考。 Class 在程序中称“类”，同时在CSS中也书面语也叫“类”。在CSS样式中以小写的“点”及“.”来命名如： .css5{属性：属性值;} ,而在html页面里则以class="css5" 来选择调用,命名好的CSS又叫css选择器。如： .css5{属性：属性值;} 选择器在html调用为“我是class例子 ”如果不知道怎么引用CSS，那就可以了解下css引用。 而且class(类)在同一个html网页页面可以无数次的调用相同的class类，在这里例子里则可以在对应的网页里可以无数次调用选择“css5”。这也说明class一般是用来调用css中的预配制属性的，比如说有一个预配制属性为如这里的“.class01{属性：属性值;} ”，这样就可以像调用函数一样不用再一个网页页面里重复的配置一个“类”属性，而只需要写上一个class类选择，就可以在同一个页面里任何位置调用选择具有相同的CLASS类。Div css 页面中的ID是怎么个用法呢？通常我们在CSS样式定义的时候 以“#”来开头命名id名称如：#css5{属性:属性值;} 这个也有点像class的定义，只是class是以小写句号“.”开头命名，而ID是以“#”好开头定义。那id是怎么个用法呢？ Css里的ID用法与class用法一样，只是把class换成id。如例子：在CSS样式定义ID --- #css5{height:25px;width: 200px;} ,调用ID --- 我是ID例子。其实两种方法的效果是一样的，但是id只能给一个元素指明类样式，而class可以在任一元素中定义它的样式。特别注意：在命名id和class类的时候特别要注意大小写，ID和class是对大小写非常敏感的，最好以英文开头，不要用中文命名CSS类名。 保持一个良好的代码书写习惯对于以后的代码维护会有很大的帮助
我们提供的服务有：网站建设、成都网站建设、微信公众号开发、网站优化、网站认证、新宾ssl等。为成百上千家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务，是有科学管理、有技术的新宾网站制作公司
这是class类别选择器的一种简单应用，class="style1 style2"也就是使用style1与style2所有样式的并集，但是需要注意的是：这个是有顺序的，class="style1 style2"首先载入style1里面的样式，然后再载入style2的，如果style1与style2里面有相同的属性，但是他们的值不同，比如：style1里面有color:red;而style2里面有color:green;那么最终的值就是后面的那个color:green;，如果你要使用（div class="style1"/div或div class="style2"/div）这样的样子，只需把二者里面的内容放到一个里面就行了，顺便注意一下前面说到的问题就行了
方法1：用css的属性选择器。
div[class^="aa"] {
background-color:#d6d6d6;
height: 50px;
}
div class="aa1"1/div
div class="aa2"2/div
div class="aa3"3/div
方法2：用空格分隔多个class
.aa {
background-color:#d6d6d6;
height: 50px;
}
div class="aa aa1"1/div
div class="aa aa2"2/div
div class="aa aa3"3/div
直接在aa后面空格写上bb。
table class="aa bb"
tr
tdrow 1, cell 1/td
tdrow 1, cell 2/td
/tr
tr
tdrow 2, cell 1/td
tdrow 2, cell 2/td
/tr
/table
扩展资料：
class 属性规定元素的类名（classname）。
class 属性大多数时候用于指向样式表中的类（class）。不过，也可以利用它通过 JavaScript 来改变带有指定 class 的 HTML 元素。
可以给 HTML 元素赋予多个 class。例如：span class="left_menu important"，可以把若干个 CSS 类合并到一个 HTML 元素。
提示：
1、class 属性不能在以下 HTML 元素中使用：base, head, html, meta, param, script, style 以及 title。
2、提示：类名不能以数字开头！只有 Internet Explorer 支持这种做法。
class是类选择器，允许以一种独立于文档元素的方式来指定样式。
在使用类选择器之前，需要修改具体的文档标记，以便类选择器正常工作。
为了将类选择器的样式与元素关联，必须将 class 指定为一个适当的值。请看下面的 HTML 代码：
h1 class="important" This heading is very important. /h1 p class="important" This paragraph is very important. /p
在上面的代码中，两个元素的 class 都指定为 important：第一个标题（ h1 元素），第二个段落（p 元素）。
扩展资料
class 值中包含一个词的情况。在 HTML 中，一个 class 值中可能包含一个词列表，各个词之间用空格分隔。
例如：如果希望将一个特定的元素同时标记为重要（important）和警告（warning），就可以写作：p class="important warning" This paragraph is a very important warning. /p 这两个词的顺序无关紧要，写成 warning important 也可以。
假设 class 为 important 的所有元素都是粗体，而 class 为 warning 的所有元素为斜体，class 中同时包含 important 和 warning 的所有元素还有一个银色的背景 。
就可以写作：.important {font-weight:bold;} .warning {font-weight:italic;} .important.warning {background:silver;} 通过把两个类选择器链接在一起，仅可以选择同时包含这些类名的元素（类名的顺序不限）。
参考资料来源：百度百科-类选择器
css 是样式表
class 是样式表的类属性
例：
style
.aa{
color:#f00;
}
/style
a href="#" class="aa"字的颜色是红色/a
百度百科里的解释挺详细的，建议你看看。