大家看了就明白了css样式中类class与标识id选择符的区别小结
CSS 区别 ID 小结 样式 Class 大家 标识
2023-06-13 09:13:59 时间
你可以用类选择符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等
这样做的好处是,依赖于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等
相关文章
- css 100% 和 100vh区别
- Visual Studio Code 更改侧边栏字体样式(CSS)
- css 更改所有text,CSS之cssText「建议收藏」
- 怎么创建css样式表,怎样创建可反复使用的外部CSS样式表?[通俗易懂]
- 在html中加入外部css样式,如何引入CSS样式表?
- 【说站】css中margin是什么?怎么设置?
- 深入学习下 CSS 间距相关的知识
- 使用html css实现180箭头旋转,纯CSS实现箭头旋转「建议收藏」
- CSS网格生成器CSS grid-CSS Grid Area
- Django simpleUI 修改 element-UI 引用的 index.js 和 index.css 链接 以及 base.html 的 vue 资源链接
- 前端必备的 CSS 库,normalize.css
- 【CSS】PhotoShop 切图 ③ ( PhotoShop 切图插件 - Cutterman | 下载、安装、启动、注册、登录 Cutterman - 切图神奇 插件 | 使用插件进行切图 )
- HTML&CSS精选笔记_CSS入门详解编程语言
- HTML/CSS/JavaScript学习笔记持续更新详解编程语言
- 深入理解CSS中的层叠上下文和层叠顺序详解编程语言
- 属性Oracle的CSS属性:让你的网站更出彩(oracle的css)
- CSS 对齐样式
- CSS制造:鼠标移上去显示大图
- 让人不得不佩服的CSS效果
- juqery学习之六CSS--css、位置、宽高
- 使用Mootools动态添加Css样式表代码,兼容各浏览器
- JS打印界面的CSS居中代码适用所有浏览器