CSS class和id选择符
2008-07-24 10:21
316 查看
<SCRIPT type=text/javascript><!--
google_ad_client = "pub-6616099971032637";
/* 52CSS_336x280_创建于08-2-14 */
google_ad_slot = "9848626467";
google_ad_width = 336;
google_ad_height = 280;
//-->
</SCRIPT>
<SCRIPT src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type=text/javascript>
</SCRIPT>
在CSS初级教程中我们仅仅考虑了HTML选择符──以HTML标签形式出现。
你当然可以用类选择符class和标识选择符id来定义自己的选择符。
这样做的好处是,依赖于class或者id,你可以不同地表现相同的HTML元素。
在CSS中,类选择符在一个半角英文句点(.)之前,而id则在半角英文井号(#)之前。
看起来像这样:
Example Source Code [www.52css.com]
#top {
background-color: #ccc;
padding: 1em
}
.intro {
color: red;
font-weight: bold;
}
HTML与CSS的连接用属性id和class。像这样:
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 { whatever }会应用在有类“jam”的段落上。
更多关于class和id选择符的知识请浏览:
结构中id与class的使用原则与技巧 http://www.52css.com/article.asp?id=254
CSS selector: class 与 ID 的区别! http://www.52css.com/article.asp?id=39
id与class区别 - 该用id还是用class呢?! http://www.52css.com/article.asp?id=149
CSS盒模型(Box Model)问题详解:http://www.52css.com/article.asp?id=286
相关文章推荐
- CSS中的类class和标识id选择符(.和#号)
- javascript下用getElementByClassName获取css定义的类选择符(.class),兼容FF和IE
- CSS中的class与id区别及用法
- CSS中id和class的优先级
- css基本选择器,id选择器,class选择器,标签选择器,*通配符选择器,逗号 空格 + >
- css中Class与ID的区别
- CSS Id和Class
- CSS网页布局中ID与class的理解
- XML与CSS ID选择符的使用
- CSS中id和class的区别
- CSS “点 ”“井号”的含义and ID class区别
- div+css样式表的id和class常用命名规则
- CSS id与class
- CSS中的class与id
- css中用#id.class的形式定义样式,为什么这样用,不直接写成.class.代码如下:#skin_0.selected{}这种的
- css中id和class的用法和选择
- CSS Id 和 Class
- CSS中的id和class
- css中class属性和id属性
- CSS中id和class选择器注意点