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

在学HTML和css遇到的一个问题_html/css_WEB-ITnose

php中文网
发布： 2016-06-24 11:42:59
原创
1248人浏览过

 





css定义时
.user_wrap { width: 160px; padding-bottom: 30px; position: relative; }
.clear { zoom:1; }
请问为什么可以把那个类名分开来定义。
注：这个例子可以跑的，就是不知到它的原理为什么可以这样定义。

Kotlin Android 中文开发帮助文档 PDF版
Kotlin Android 中文开发帮助文档 PDF版

这本书并不是一本语言参考书，但它是一个Android开发者去学习Kotlin并且使用在自己项目中的一个工具。我会通过使用一些语言特性和有趣的工具和库来解决很多我们在日常生活当中都会遇到的典型问题。 这本书是非常具有实践性的，所以我建议你在电脑面前跟着我的例子和代码实践。无论何时你都可以在有一些想法的时候深入到实践中去。 这本书适合你吗？ 写这本书是为了帮助那些有兴趣 使用Kotlin语言来进行开发的Android开发者。 如果你符合下面这些情况，那这本书是适合你的： 你有相关Android开发和Andro

Kotlin Android 中文开发帮助文档 PDF版 11
查看详情 Kotlin Android 中文开发帮助文档 PDF版

回复讨论(解决方案)

可以有多个class，后面的优先级更高

我知道！可以有多个class，但是针对这个问题，他只定义了一个类名“user_wrap  clear”而用的时候他却可以把类名拆开来用，是不是跟空格有关呢

恩。。。是的，，，多个类名，使用空格隔开，，比如 有  三个类名   .a  .b  .c    你使用的时候，直接class="a  b  c "  越在后，他的优先级越高。比如你使用a b c 定义了三个不同的颜色，，然后只显示c的颜色。。你可以试试

“user_wrap  clear”并非只定义了一个类名，而是两个

一个div可以同时享用很多个类， 而区别类就需要在后面加上空格。像3楼所说的那样。
因为类可以让很多div共用，所以

 这么写的话，可能是页面中其他的div需要用到.user_wrap 这个类，而clear只是这个div需要用到 才另外加上去的。

谢谢大家！

一个div可以同时享用很多个类， 而区别类就需要在后面加上空格。像3楼所说的那样。
因为类可以让很多div共用，所以

 这么写的话，可能是页面中其他的div需要用到.user_wrap 这个类，而clear只是这个div需要用到 才另外加上去的。
谢谢大家！我懂了

大家都在看：

HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！

下载
来源：php中文网
收藏 点赞
上一篇：CSS3 transform实现图片投影效果_html/css_WEB-ITnose 下一篇：CSS制作一个简单网页的下拉导航栏_html/css_WEB-ITnose
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
最新问题
如何制作 html_制作基础HTML页面的完整过程【完整】 基础HTML页面制作需五步：一、用纯文本编辑器新建文件并命名为index.html；二、输入HTML5标准结构，含DOCTYPE、html、head（含meta和title）、body；三、在body中添加h1、p、ul等语义化内容；四、以UTF-8编码和“所有文件”类型保存；五、浏览器打开验证渲染与源码。
2025-12-20 02:17:23
563
如何启用html5模式_浏览器启用HTML5渲染模式【启用】 应确保DOCTYPE为、禁用IE兼容性视图、检查并修改X-UA-Compatible响应头、添加meta标签强制标准模式，并验证浏览器是否原生支持HTML5特性。
2025-12-20 01:11:17
628
如何教授HTML入门知识_新手教学方案设计【技巧】 HTML教学需从直观认知入手：先解构真实网页源码，明确html、head、body结构；再动手编写首个HTML文件并运行；接着按语义分三类讲解标签；随后纠偏嵌套与闭合错误；最后通过交互式修改巩固知识。
2025-12-20 00:45:34
774
py怎么运行html文件_python运行html文件方法【教程】 使用Python运行HTML文件的方法有三种：一是通过内置http.server模块启动本地服务器，命令为python-mhttp.server8000；二是编写Python脚本自动化启动服务器，便于重复使用；三是利用webbrowser模块直接在默认浏览器中打开HTML文件，无需启动服务器。
2025-12-19 23:05:02
587
html5如何制作表_HTML5制作数据表格教程【表格】 HTML5表格通过语义化结构（table/thead/tbody/tfoot）、合并单元格（rowspan/colspan）、标题（caption）、表头关联（scope/id/headers）及响应式优化实现结构化数据展示。
2025-12-19 23:03:07
763
火狐如何切换html5_火狐html5切换设置方法【浏览器技巧】 火狐浏览器HTML5问题可通过五种方法修复：一、在about:config中启用media相关参数；二、Linux系统安装ubuntu-restricted-extras解码包；三、启用dom.document.editing.host.enabled等编辑配置；四、执行JavaScript命令临时切换designMode；五、创建书签实现编辑模式一键切换。
2025-12-19 23:02:02
258
如何用HTML制作拼图页面_布局拼接技巧【实战】 实现网页拼图游戏需五种方法：一、CSSGrid均分布局配background-position偏移；二、绝对定位精确控制每块坐标；三、Flexbox用order属性动态排序；四、Canvas像素级截取渲染；五、clip-path裁剪加transform微调。
2025-12-19 23:01:19
628
手机如何支持HTML5_手机支持HTML5设置方法【浏览设置】 手机浏览器HTML5异常需按浏览器类型分别处理：Chrome需启用flags中的WebGL、Canvas等；Safari需开启JavaScript并允许自动播放；Firefox需配置about:config参数；Android需更新SystemWebView；还需禁用干扰插件与安全软件。
2025-12-19 22:59:02
164
html如何列表_创建HTML有序或无序列表【有序】 HTML有序列表用实现，支持start/type属性定制编号，可嵌套多层，结合CSS可深度自定义样式，且内允许块级元素。
2025-12-19 22:55:52
854
html如何找优先级_查找CSS选择器优先级规则【规则】 CSS样式未生效时应按优先级规则排查：一、用四位权重（a,b,c,d）逐位比较选择器；二、用开发者工具查看覆盖状态；三、依选择器具体性估算；四、构造测试用例验证；五、排除继承与层叠干扰。
2025-12-19 22:55:02
582
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

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

  • PHP学习

  • 技术支持

  • 返回顶部