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

请教一下，这个什么意思_html/css_WEB-ITnose

php中文网
发布： 2016-06-24 11:54:26
原创
1273人浏览过

.shine {
    display: block;
   ....
}
.button:hover .shine {left: 24px;}
.button:active .shine {opacity: 0;}

不知道这里的伪类后面接样式名是什么意思，想请教一下大神，谢谢解惑

boardmix博思白板
boardmix博思白板

boardmix博思白板，一个点燃团队协作和激发创意的空间，集aigc，一键PPT，思维导图，笔记文档多种创意表达能力于一体，将团队工作效率提升到新的层次。

boardmix博思白板 39
查看详情 boardmix博思白板

回复讨论(解决方案)

.a:hover .b{
left: 24px;
}


   



就是当你 鼠标 放在 第一个 div上的时候   class="b"的div 的left=24px

5种选择器 可以去学学
标签 类  id  派生  组合

这个属于 派生选择器  注意层级关系  中间要有空格  

.a:hover .b{
left: 24px;
}


   



就是当你 鼠标 放在 第一个 div上的时候   class="b"的div 的left=24px

5种选择器 可以去学学
标签 类  id  派生  组合

这个属于 派生选择器  注意层级关系  中间要有空格   谢谢

大家都在看：

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

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

下载
来源：php中文网
收藏 点赞
上一篇：CSS3 过渡特性创建信封效果的联系表单_html/css_WEB-ITnose 下一篇：对于一些css样式的巧妙方法进行总结。_html/css_WEB-ITnose
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
最新问题
html代码怎么加动画_html动画效果实现方法与CSS动画代码教程 可通过CSStransition、transform、@keyframes、animation属性及JavaScript类控制实现网页动画。①transition定义状态间平滑过渡；②transform执行旋转缩放等形变并配合transition呈现动态效果；③@keyframes设定关键帧创建复杂动画序列；④animation属性统一配置动画名称、时长、速度曲线与重复次数；⑤JavaScript通过添加/移除CSS动画类在事件触发时控制动画播放；⑥引入Animate.css等动画库快速应用预设
2025-11-09 09:32:02
240
动态表单管理：实现删除后标签自动重排序与更新 本教程将指导您如何使用JavaScript动态管理网页表单的标签。当用户删除页面上的任何一个表单时，后续表单的标签（如“表单1”、“表单2”）将自动重新排序并更新，确保编号的连续性和逻辑性，从而提升用户体验和数据组织效率。
2025-11-09 09:24:03
488
JavaScript Canvas：实现即时显示而非动画的圆形进度条 本教程将指导您如何修改基于JavaScriptCanvas的圆形进度条，使其能够直接显示目标百分比，而非通过动画逐步增长。我们将分析现有动画机制，并提供优化方案，实现进度条内容的即时渲染，以满足非动画显示的需求，从而提升用户体验并简化代码逻辑。
2025-11-09 09:14:16
169
CSS样式怎么嵌入HTML网页_CSS样式嵌入HTML网页的实用方法 一、内联样式通过style属性直接设置元素样式，如；二、内部样式表在中使用标签定义全局样式；三、外部样式表将CSS保存为独立文件并通过引入，利于多页复用；四、@import可在CSS中导入其他样式文件，需置于规则前。
2025-11-09 09:00:06
186
水平滚动条外观怎么美化_html水平滚动条美化方法与技巧 通过CSS伪元素可美化水平滚动条外观，Webkit浏览器支持::-webkit-scrollbar、::-webkit-scrollbar-thumb等组件自定义样式，结合scrollbar-width和-ms-overflow-style实现跨浏览器兼容，隐藏原生滚动条并提升视觉效果。
2025-11-09 08:55:25
748
CSS怎么嵌入HTML网页_CSS嵌入HTML网页的多种方法 内联样式通过style属性直接设置元素样式，如文本；2.内部样式表在中使用标签定义页面级样式，如p{color:green;}；3.外部样式表将CSS保存为独立文件（如styles.css），并通过引入，便于多页共享；4.@import可在CSS中导入其他样式文件，需置于规则前，但可能影响性能。
2025-11-09 08:44:02
182
html滚动条滚动时怎么显示提示_html滚动条滚动提示功能实现方法 答案：通过监听滚动事件并结合DOM操作可实现滚动提示。首先构建滚动容器和提示元素，利用JavaScript监听scroll事件，计算滚动比例，当超过设定阈值时显示提示信息，并可通过优化提升体验。
2025-11-09 08:43:11
626
解决iOS设备上输入框聚焦时意外滚动与缩放问题 本教程旨在解决iOS设备（Safari/Chrome）中，当用户聚焦输入框时出现的意外滚动或页面缩放问题。该问题通常源于iOS对小于16px字体大小输入框的自动缩放行为。文章将提供两种有效的解决方案：调整输入框字体大小至16px或更大，以及通过配置视口元标签来限制缩放，确保移动端表单的用户体验流畅无阻。
2025-11-09 08:38:20
990
Python lxml Etree与XPath：可靠地提取HTML元素内文本 本教程将指导您如何使用Python的lxml库和XPath表达式，从HTML元素中可靠地提取文本内容，特别是链接文本。我们将重点介绍如何构建更健壮的XPath，避免脆弱的绝对路径，并利用//text()函数准确捕获目标文本，从而提升网页数据抓取的稳定性和准确性。
2025-11-09 08:11:01
681
JavaScript实现动态API数据搜索与表格动态展示教程 本教程详细讲解如何使用JavaScript实现前端数据搜索功能。通过从API获取数据并将其存储，我们演示了如何利用Array.prototype.filter()方法根据用户输入动态筛选数据，并实时更新HTML表格内容。文章涵盖了数据获取、存储、渲染以及搜索逻辑的实现，并提供了完整的代码示例和优化建议，帮助开发者构建高效的用户界面。
2025-11-09 08:09:17
632
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

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

  • PHP学习

  • 技术支持

  • 返回顶部