css案例学习之id要唯一

简介:

ID有两个的后果

复制代码
<html>
<head>
<title>ID选择器</title>
<style type="text/css">
#one{
    font-weight:bold;        /* 粗体 */
    }
#two{
    font-size:30px;            /* 字体大小 */
    color:#009900;            /* 颜色 */
    }
</style>
</head>
<body>
    <p id="one">ID选择器1</p>
    <p id="two">ID选择器2</p>
    <p id="two">ID选择器3</p>
    <p id="one two">ID选择器3</p>
</body>
</html>
复制代码

当id同时加入两个样式时,无效



本文转自TBHacker博客园博客,原文链接:http://www.cnblogs.com/jiqing9006/p/4984110.html,如需转载请自行联系原作者

相关文章
|
4月前
|
前端开发 JavaScript
个人征信电子版无痕修改, 个人信用报告pdf修改,js+html+css即可实现【仅供学习用途】
本代码展示了一个信用知识学习系统的前端实现,包含评分计算、因素分析和建议生成功能。所有数据均为模拟生成
|
4月前
|
前端开发
个人征信PDF无痕修改软件,个人征信模板可编辑,个人征信报告p图神器【js+html+css仅供学习用途】
这是一款信用知识学习系统,旨在帮助用户了解征信基本概念、信用评分计算原理及信用行为影响。系统通过模拟数据生成信用报告,涵盖还款记录
|
前端开发
CSS实现充电效果案例
CSS实现充电效果案例
321 1
|
前端开发
5.CSS学习(浮动)
【7月更文挑战第29天】
105 4
|
11月前
|
前端开发 JavaScript 开发者
掌握 CSS 弹性布局(Flexbox):构建复杂页面布局的高效秘籍与实战案例
CSS弹性布局(Flexbox)是现代网页设计中构建复杂页面布局的高效工具。本文将深入浅出地介绍Flexbox的核心概念、使用技巧及实际应用案例,帮助读者快速掌握这一强大布局方法。
学习CSS3 中的渐变、阴影与遮罩
CSS3的渐变、阴影和遮罩特性极大地丰富了网页设计。渐变让颜色平滑过渡,赋予页面流动美感;阴影增加元素立体感,引导视觉焦点;遮罩通过隐藏或显示部分元素创造独特视觉效果。这些特性组合使用,可打造丰富多彩、立体生动的视觉体验,并可通过CSS3动画增强动态效果,使网页更具活力。正确应用这些特性需考虑参数调整及跨浏览器兼容性,以确保最佳展示效果。
|
前端开发
|
Web App开发 移动开发 自然语言处理
|
12月前
|
前端开发 JavaScript
JavaScript动态渲染页面爬取——CSS位置偏移反爬案例分析与爬取实战
JavaScript动态渲染页面爬取——CSS位置偏移反爬案例分析与爬取实战
144 0