《
详解CSS中的class与id及其区别》文章地址：http://www.tfxk.com/wangyesheji/jianzhanjingyan/030234Y22013.htm
--> [
网站建设之]详解CSS中的class与id及其区别
CSS中class和id的区别始终让良多人有疑难，什么时候用id什么时候用class呢。我们首先来看看他们的详细用法 class和id的用法
class是类选择符，id就叫做id标签选择符,
详解CSS中滤镜的使用(4)，它们都可以对网页中的标签定义样式,
详解CSS中滤镜的使用(3)。
如果你想让段落中的内容居中显示和居右显示，可以依照下面方法定义：
p.center {text-align:center;}
p.right {text-align:right;}
它的定义方法是：指定标签.类名 {属性:属性值}
center和right就是两个类选择符，可以简称为类，我们可以引用这两个类来定义段落，如下：
<p class="center">居中显示的内容</p>
<p class="right">居右显示的内容</p>
然而这样定义的类只能针对指定的标签起作用，其它标签无奈使用，比方咱们想让一个div中的内容居右显示，定义如下：
<div class="right">我想要这段内容居右显示</div>
但是它却不能居右显示，由于它是按照指定标签定义的。也可以让它可以作用于任何一个标签的定义方法：
.right {text-align: right;}
它的定义方法是：.类名 {属性:属性值}
应用方法：
<div class="right">我想要这段内容居右显示</div>
<p class="right">居右显示的内容<,
详解CSS中滤镜的使用(2);/p>
ID挑选符和class取舍符相似，它的定义方法也类似，区别只是将“.”改为了“#”。
p#center {text-align:center;}
p#right {text-align:right;}
它的定义方式是：指定标签#类名 {属性:属性值}
这次给指定标签<p>定义了两个ID，引用方法是：
<p id="center">居中显示的内容</p>
<p id="right">居右显示的内容</p>
跟类雷同，这种指定标签的定义方法只针对定义的标签显示，假如要将它定义为通用款式：
#center {text-align:center;}
#right {text-align:right;}
使用方法：
<p id="center">居中显示的内容</p>
<p id="right">居右显示的内容</p>
class和id的区别
class和id看上去区别仅仅是“.”和“#”，他们最大的差别在于：id抉择符在每个页面只能使用一次，它是独一的,
详解CSS中滤镜的使用(1)，而class能够随便无穷次使用。
class和id的派生选择器
和基础语法一样，class和id也有派生选择器，用法也相同。
#center em {color:red;}
#right em {color:blue,
详解CSS中background(背景)属性的语法;;}
援用办法：
<div id="center">居中显示的文字<em>这里是红体字</em></div>
<div id="right">居右显示的文字<em>这里是蓝体字</em></div> Tag：class id 区别 CSS class id 区别 CSS
(责任编辑：网站建设)
详解CSS中的class与id及其区别相关文章