认清区别CSS的类class和id
来源:yesky 时间:2007-10-08 12:02:00
在CSS初级教程中我们仅仅考虑了HTML选择符──以HTML标签形式出现。你当然可以用类选择符class和标识选择符id来定义自己的选择符。这样做的好处是,依赖于class或者id,你可以不同地表现相同的HTML元素。
在CSS中,类选择符在一个半角英文句点(.)之前,而id则在半角英文井号(#)之前。
看起来像这样:
#top { background-color: #ccc; padding: 1em }
.intro { color: red; font-weight: bold; }
HTML与CSS的连接用属性id和class。像这样:
#top { background-color: #ccc; padding: 1em } //id
.intro { color: red; font-weight: bold; }//class
应用如下:
<div id="top">
<h1>Chocolate curry</h1>
<p class="intro">asp之家</p>
<p class="intro">http://www.aspxhome.com</p>
</div>
id和class不同之处在于,id用在唯一的元素上,而class则用在不止一个的元素上。
你也可以为一个指定的HTML元素应用选择符,把HTML选择符放置在前面就可以了,所以, p.jam { whatever }会应用在有类“jam”的段落上。
相关阅读:div中class与id的区别及应用
标签:class,id,css
![](/images/zang.png)
![](/images/jiucuo.png)
猜你喜欢
详细解读MySQL的触发器trigger
2024-01-24 18:24:24
![](https://img.aspxhome.com/file/2023/6/128426_0s.png)
Oracle 当前用户下所有表的记录总数
2009-07-14 21:34:00
史上最详细的Python打包成exe文件教程
2021-07-19 06:30:16
![](https://img.aspxhome.com/file/2023/9/108039_0s.png)
python实现发送邮件功能代码
2023-08-25 16:05:10
mybatis如何实现的数据库排序
2024-01-24 16:35:32
比较一下看看自己掌握了多少SQL快捷键
2009-01-04 14:04:00
通过python检测字符串的字母
2023-01-11 22:49:47
MySQL中利用索引对数据进行排序的基础教程
2024-01-21 16:04:10
mysql实现sequence功能的代码
2024-01-27 14:30:20
分享jQuery的3种常见事件监听方式
2024-02-23 10:21:35
JavaScript实现简易轮播图最全代码解析(ES6面向对象)
2024-04-16 10:40:32
![](https://img.aspxhome.com/file/2023/4/136564_0s.gif)
python实现FTP文件传输的方法(服务器端和客户端)
2021-03-29 23:36:08
![](https://img.aspxhome.com/file/2023/9/65979_0s.png)
Tensorflow 使用pb文件保存(恢复)模型计算图和参数实例详解
2023-12-13 05:42:06
php输出全部gb2312编码内的汉字方法
2023-10-04 05:56:31
Vue2单一事件管理组件通信
2024-05-29 22:30:03
golang 字符串比较是否相等的方法示例
2024-02-05 14:45:07
FrontPage XP设计教程6——制作多媒体网页
2008-10-11 12:38:00
![](https://img.aspxhome.com/file/UploadPic/200810/17/20081017124029644s.jpg)
sqlserver和oracle中对datetime进行条件查询的一点区别小结
2024-01-15 16:25:54
Python的字典和列表的使用中一些需要注意的地方
2023-01-09 02:03:52
Python xpath表达式如何实现数据处理
2021-09-02 22:07:15