CSS class和id选择符
来源:互联网 发布:淘宝卖大米不让发布 编辑:程序博客网 时间:2024/05/16 07:03
<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;
}
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>
<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选择符
- css中id和class的用法和选择
- CSS Id和Class
- 类class和标识id选择符
- css---使用class和id
- css中的id和class
- css - id和class选择器
- CSS中的id和class
- 【CSS学习】CSS Id 和 Class
- 类class和标识id选择符的区别
- class和标识id选择符的区别
- CSS样式,id选择器和class选择器
- css中id选择器和class选择器
- css中class属性和id属性
- CSS中 ID和CLASS的区别
- css中id和class的区别
- CSS中class和id的区别
- 3CSS id 和 class 选择器
- Exit和Abort有什么区别和联系
- el 表达式
- asp jmail 环境配置小结
- IT人生,告诫自已
- 什么是Web2.0
- CSS class和id选择符
- String.equals()和String.equalsIgnoreCase()的區別
- 如何遍历数据库表格及每个表格的字段
- Cisco Catalyst 2940系列交换机
- 我希望每次用 GROUP BY 排序完都加 相应的合计该怎么做?
- << 运算符
- Visual C++程序调试方法入门
- java 读写txt文本文件
- 完全实现 各种变态路径的解压缩,支持在 Web 上运行(在数字签名中遇到的问题,想到了用这种写法)