您现在的位置是：网站首页> 编程资料编程资料
大家看了就明白了css样式中类class与标识id选择符的区别小结_经验交流_
2023-05-25
311人已围观
简介 大家看了就明白了css样式中类class与标识id选择符的区别小结_经验交流_
你可以用类选择符class和标识选择符id来定义自己的选择符。
这样做的好处是，依赖于class或者id，你可以不同地表现相同的HTML元素。
在CSS中，类选择符在一个半角英文句点（.）之前，而id则在半角英文井号（#）之前。
看起来像这样：
#top { background-color: #ccc; padding: 1em } .intro { color: red; font-weight: bold; }
HTML与CSS的连接用属性id和class。像这样：
This is my recipe for making curry purely with chocolate Mmm mm mmmmm
这样做的好处是，依赖于class或者id，你可以不同地表现相同的HTML元素。
在CSS中，类选择符在一个半角英文句点（.）之前，而id则在半角英文井号（#）之前。
看起来像这样：
#top { background-color: #ccc; padding: 1em } .intro { color: red; font-weight: bold; }
HTML与CSS的连接用属性id和class。像这样：
Chocolate curry
id和class不同之处在于，id用在唯一的元素上，而class则用在不止一个的元素上。
你也可以为一个指定的HTML元素应用选择符，把HTML选择符放置在前面就可以了，所以， p.jam { whatever }会应用在有类“jam”的段落上。
一个id名称在一个页面里面通常是唯一定义的,因此在页面里定义css通常建议使用class,这样你可以重复使用你的css. 而把id留给最需要使用html元素的javascript等
您可能感兴趣的文章:
相关内容
- DIV+CSS布局中不推荐使用的标签集合Dont Use These Tags_经验交流_
- 为了防止乱码，请将用于页面编码的meta charset放到title的前面_经验交流_
- 使用CSS解决文字环绕图片问题的代码_经验交流_
- RGB 加成色 说明_基础教程_
- 非常漂亮的css星级效果总结第1/2页_经验交流_
- 用css alpha 滤镜 实现input file 样式美化代码_经验交流_
- 用margin和overflow属性实现div间距的方法_经验交流_
- 用iframe margin实现调用其他网页的某一区域的方法_经验交流_
- CSS图片拼合生成器只需上传zip包即可_经验交流_
- 网页布局+纯CSS纵向下拉菜单 IE6/IE7兼容_经验交流_
