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,如需转载请自行联系原作者

相关文章
|
1月前
|
Web App开发 前端开发
CSS id 和 class
【5月更文挑战第3天】CSS id 和 class。
32 10
|
18天前
|
前端开发
CSS基础-CSS选择器:ID、Class、Tag
【6月更文挑战第7天】本文介绍了CSS中的三种基本选择器:ID、Class和Tag选择器。Tag选择器适用于统一设置同类型元素样式,但可能造成样式泛化;Class选择器灵活性高,适合复用,注意命名规范和避免过度使用;ID选择器具有最高优先级,用于唯一标识,应谨慎使用。理解其特点和场景,结合良好命名规范,能提升CSS代码效率和可维护性。
|
1月前
|
XML 前端开发 JavaScript
学习css
【5月更文挑战第25天】学习css
20 1
|
1月前
|
Web App开发 JSON 前端开发
Webpack【搭建Webpack环境、Webpack增加配置文件、Webpack中使用Loader、Webpack分离CSS文件 】(一)-全面详解(学习总结---从入门到深化)
Webpack【搭建Webpack环境、Webpack增加配置文件、Webpack中使用Loader、Webpack分离CSS文件 】(一)-全面详解(学习总结---从入门到深化)
79 0
|
1月前
|
前端开发 JavaScript 容器
CSS属性:定位属性+案例讲解:博雅互动 前端开发入门笔记(五)
CSS属性:定位属性+案例讲解:博雅互动 前端开发入门笔记(五)
27 1
|
1月前
|
前端开发
CSS动画知识点学习
【4月更文挑战第2天】CSS动画知识点学习
32 3
|
1月前
|
前端开发
CSS3的几个变形案例……
CSS3的几个变形案例……
|
1月前
mvc.net分页查询案例——mvc-paper.css
mvc.net分页查询案例——mvc-paper.css
|
1月前
|
前端开发 JavaScript
从零开始学习前端开发:HTML、CSS、JavaScript入门指南
【2月更文挑战第1天】本文将带领读者从零开始学习前端开发,介绍HTML、CSS和JavaScript的基础知识与应用,帮助读者快速入门前端开发领域。
97 1
|
1月前
|
前端开发 搜索推荐 JavaScript
编程笔记 html5&css&js 001 学习编程从网页开始
编程笔记 html5&css&js 001 学习编程从网页开始