id在css中怎么表示什么

藏色散人
发布: 2020-12-22 10:02:22
原创
4754人浏览过
id在css中表示ID选择器,ID选择器允许以一种独立于文档元素的方式来指定样式;其中HTML元素以id属性来设置id选择器,而在CSS中id选择器是以“#”来定义,也称为棋盘号或井号。

id在css中怎么表示什么

推荐:《css视频教程

CSS ID 选择器

在某些方面,ID 选择器类似于类选择器,不过也有一些重要差别。

语法

立即学习前端免费学习笔记(深入)”;

HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 "#" 来定义- 也称为棋盘号或井号。

请看下面的规则:

*#intro {font-weight:bold;}
登录后复制

与类选择器一样,ID 选择器中可以忽略通配选择器。前面的例子也可以写作:

爱图表
爱图表

AI驱动的智能化图表创作平台

爱图表 99
查看详情 爱图表
#intro {font-weight:bold;}
登录后复制

这个选择器的效果将是一样的。

第二个区别是 ID 选择器不引用 class 属性的值,毫无疑问,它要引用 id 属性中的值。

用法:

html
<div class="to">
    <p id="dog">指定具有id元素的样式</p>
</div>
css
 #dog{
        background-color: aqua;
    }
登录后复制

区分大小写

请注意,类选择器和 ID 选择器可能是区分大小写的。这取决于文档的语言。HTML 和 XHTML 将类和 ID 值定义为区分大小写,所以类和 ID 值的大小写必须与文档中的相应值匹配。

因此,对于以下的 CSS 和 HTML,元素不会变成粗体:

#intro {font-weight:bold;}
<p id="Intro">This is a paragraph of introduction.</p>
登录后复制

由于字母 i 的大小写不同,所以选择器不会匹配上面的元素。

以上就是id在css中怎么表示什么的详细内容,更多请关注php中文网其它相关文章!

相关标签:
最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号