CSS教程 8、CSS的Class以及ID选择器 [翻译Htmldog]-信氏宗亲网

信氏宗亲网：http://www.xinhome.com.cn/

首页 → 宗亲动态 → 网站动态 → 动态浏览:CSS教程 8、CSS的Class以及ID选择器 [翻译Htmldog]

今天是：

动态导航

图片动态	焦点动态
推荐动态	热门动态
网站动态	姓氏动态
信氏商务	姓氏趣谈
台海局势

热门动态

周易
洪洞大槐树寻根简介
中华民族姓氏起源
亲爱的汶川地震中遇难..
秦皇岛信氏实业有限公..
关于北京奥运会服饰礼..
灾民：子弟兵冒着生命..
信氏鱼村
河南嵩山少林寺武僧团..
四川地震局：汶川地震..

推荐动态

亲爱的汶川地震中遇难..
央行：地震灾区现金供..
保监会：救灾一线人员..
中粮集团：成都地区食..
河南嵩山少林寺武僧团..
重灾区北川县已向外转..
四川副省长：正在修通..
三千海军陆战队官兵抵..
都江堰到虹口公路上三..
广东侨界纷纷捐款捐物

CSS教程 8、CSS的Class以及ID选择器 [翻译Htmldog]

CSS教程 8、CSS的Class以及ID选择器 [翻译Htmldog]

作者：佚名来源：不详点击数：更新时间：2008-02-28【字体：小大】

收藏到

　　前面的学习我们仅仅使用HTML选择器（在HTML页面里为html标签，如 P）
　　现在我们学习使用clss和id定义属于自己的选择器。
　　这样，同样的html元素可以通过class或ID使用不同的表现。
　　在CSS里，使用点号（.）创建class选择器，使用hash符号（#）创建ID选择器。
　　例子：

Example Source Code [www.52css.com]

#top {
    background-color: #ccc;
    padding: 1em
}

.intro {
    color: red;
    font-weight: bold;
}

　　html页面通过id和class属性调用CSS，像下面这样：

Example Source Code [www.52css.com]

<div id="top">
<h1>Chocolate curry</h1>
<p class="intro">This is my recipe for making curry purely with chocolate</p>
<p class="intro">Mmm mm mmmmm</p>
</div>

　　id和class的不同指出在于一个页面同一个ID只能只有一次，而class可以无限制使用。
　　同样，你可以在html选择器后面使用一个选择器来指定特殊HTML元素，比如p.jam{值}将作用到带有'jam'class属性的段落。

　　你可以参考下面的文章：
　　CSS selector： class 与 ID 的区别！http://www.52css.com/article.asp?id=39
　　结构中id与class的使用原则与技巧　http://www.52css.com/article.asp?id=254
　　id与class区别 - 该用id还是用class呢？！http://www.52css.com/article.asp?id=149
　　同一元素应用多个class的优先级的测试！http://www.52css.com/article.asp?id=40

发布人：信氏宗亲网

● 上一篇动态： CSS教程 10、CSS的Pseudo Classes 伪类 [翻译Htmldog]
● 下一篇动态： CSS教程 6、CSS的Border边框 [翻译Htmldog]

【告诉好友】【打印本页】【关闭窗口】