讲师中心 微信公众号
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机游戏
最近更新
首页 > web前端 > css教程 > 正文

同一个页面用多个id有什么影响_经验交流

php中文网
发布： 2016-05-16 12:10:15
原创
2000人浏览过

在样式表定义一个样式的时候，可以定义id也可以定义class，例如：

ID方法：#test{color:#333333}，在页面中调用

PHP168 行业B2B
PHP168 行业B2B

解决问题如下：只列举最近用户提交问题，其余问题前面几次补丁已经解决，不在复述。1、解决搜索问题。以前搜索一定要确定到省下面的某个市，这个不符合用户体验。 现在改为，省--所有城市（默认为所有城市，也可以自己选择某个市）。2、解决首页推荐产品部显示问题。（以前没有考虑多个其他浏览器）3、解决供应、求购 今日产品显示问题。（理由同上）4、解决收藏商家、供应、求购问题。 （链接错误）5、解决后台分类过

PHP168 行业B2B 0
查看详情 PHP168 行业B2B
内容
 
CLASS方法：.test{color:#333333}，在页面中调用
内容
 
id一个页面只可以使用一次，class可以多次引用。

有网友问，id和class好象没什么区别，我在页面中用了多个id在IE中显示也正常，用多个id有什么影响吗？

回答：第一影响就是不能通过W3的校验。

在页面显示上，目前的浏览器还都允许你犯这个错误，用多个相同ID“一般情况下”也能正常显示。但是当你需要用JavaScript通过id来控制这个div，那就会出现错误。

id是一个标签，用于区分不同的结构和内容，就象你的名字，如果一个屋子有2个人同名，就会出现混淆； 
class是一个样式，可以套在任何结构和内容上，就象一件衣服；
概念上说就是不一样的：
id是先找到结构/内容，再给它定义样式；class是先定义好一种样式，再套给多个结构/内容。

web标准希望大家用严格的习惯来写代码，

例如：你可以用显示粗体，也可以用来显示，但W3C 建议大家用，因为更有语义

大家都在看：

最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

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

下载
来源：php中文网
收藏 点赞
上一篇：web标准常见问题集合4_经验交流 下一篇：用CSS打造 抽屉菜单_经验交流
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
最新问题
css定位布局调试困难怎么办_临时添加边框观察定位范围 加边框是调试CSS定位最直接有效的方法，能直观显示元素实际占据范围、偏移位置和盒模型表现；推荐使用红色虚线边框、蓝色外轮廓或浅橙背景色，并配合DevTools实时开关与伪元素等技巧高效排查问题。
2025-12-18 00:45:24
164
css初级项目需要遮罩层效果怎么办_通过rgba背景实现遮罩 直接用rgba设置背景色即可实现遮罩层效果，无需额外标签；关键在于background-color:rgba(r,g,b,alpha)，alpha控制透明度且不影响子元素，避免使用opacity导致内容变淡。
2025-12-18 00:41:20
686
css点击元素变更颜色的方法 实现点击元素后变更颜色有三种方法：1.用:active伪类仅在按下时变色；2.用JavaScript切换class实现点击后持久变色并可切换回；3.直接修改内联样式实现一次性变色。
2025-12-18 00:35:16
761
css元素悬浮对齐父元素不生效怎么办_Flexbox align-self调整位置 align-self不生效主因是父容器未设display:flex；2.子元素非直接子项或使用position:absolute脱离布局；3.未正确理解flex-direction影响的对齐轴方向，导致设置错误。
2025-12-18 00:11:18
553
css外链样式和内联样式冲突怎么办_优先级与层叠计算方式说明 内联样式优先级最高，会覆盖外链或内部样式，这是CSS层叠机制的正常表现；其优先级顺序为：内联样式（1000）＞ID选择器（100）＞类/属性/伪类（10）＞元素/伪元素（1）＞通配符/继承/默认（0），权重不进位，!important需谨慎使用。
2025-12-17 20:21:07
871
css初级项目表单校验提示怎么布局_结合position absolute定位提示 表单校验提示应使用position:absolute定位，前提是父容器（如.form-item）设为position:relative；提示元素需控制尺寸、位置（如下方左侧或右侧紧贴）、动态显隐（推荐opacity过渡）及响应式适配（如max-width、换行处理）。
2025-12-17 20:18:07
441
页面整体居中总是不生效怎么办_利用margin auto实现水平居中 margin:auto水平居中失效的根本原因是未满足三前提：元素必须为块级（display:block/inline-block）、必须设置明确width（max-width无效）、父容器不能是flex/table布局。
2025-12-17 20:13:20
750
css定位后z-index不生效怎么办_理解定位属性与层级关系 z-index不生效的根本原因是元素未被“激活”定位或受堆叠上下文限制；必须设置position为relative/absolute/fixed/sticky，且比较仅在同一堆叠上下文中有效。
2025-12-17 20:11:40
241
css链接访问后颜色变化怎么控制_利用visited伪类区分状态 :visited伪类仅能修改有限颜色属性且受浏览器隐私限制，须按LVHA顺序书写；失效主因是浏览器限制、优先级冲突或未真实访问；推荐用JS+localStorage实现自定义已访问样式。
2025-12-17 20:11:03
928
css使用flex布局元素无法居中怎么办_通过justify-content与align-items实现居中 Flex布局元素居中需父容器设display:flex，再用justify-content和align-items双属性控制主轴与交叉轴居中，且父容器须有明确高度（如height:100vh），子元素避免margin:auto等干扰样式。
2025-12-17 20:10:47
423
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

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

  • PHP学习

  • 技术支持

  • 返回顶部