当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > 大家看了就明白了css样式中类class与标识id选择符的区别小结

CSS样式表
CSS网页设计 IE8和IE7共存
CSS2 打印属性让打印HTML文档不出问题
制作网页中设计段落缩进的方法
CSS border 属性使用说明
CSS border-style 属性使用方法
CSS border-color 属性使用方法
CSS border-width 属性使用教程
CSS padding属性定义边内补白
CSS margin 属性定义边外补白
网页布局教程 掌握CSS网页布局属性
css 背景样式属性说明
span margin 设置生效
html 滚动条在IE6和IE7中兼容性问题
IE6 两个div有间隙的问题(IE 3px bug)
CSS 数字和字母将容器撑大问题解决
换个角度看页面重构中的语义化
DIY属于个人开发使用的CSS Reset
CSS 空格引起网页布局间距问题
CSS 网页制作时遇到问题的快速参考技巧
css li 去掉点的样式写法

CSS样式表 中的 大家看了就明白了css样式中类class与标识id选择符的区别小结


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 161 ::
收藏到网摘: n/a

你可以用类选择符class和标识选择符id来定义自己的选择符。
这样做的好处是,依赖于class或者id,你可以不同地表现相同的HTML元素。
在CSS中,类选择符在一个半角英文句点(.)之前,而id则在半角英文井号(#)之前。
看起来像这样:
#top { background-color: #ccc; padding: 1em } .intro { color: red; font-weight: bold; }
HTML与CSS的连接用属性id和class。像这样:
<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”的段落上。

一个id名称在一个页面里面通常是唯一定义的,因此在页面里定义css通常建议使用class,这样你可以重复使用你的css. 而把id留给最需要使用html元素的javascript等