自学前端啥时候是个头 2022-08-16 14:17 采纳率: 100%
浏览 61
已结题

给li添加hover添加不上，求解答

自学前端，写京东分类案例。结果写到了footer部分，发现给li加hover加不上，多次尝试，加背景色可以实现，i跟span标签分开加也可以实现，但是给li加字体颜色就实现不了，有没有懂哥解答一下😭😭

img

img

  • 写回答

5条回答 默认 最新

  • 雾里桃花 2022-08-16 14:21
    关注

    试试这样呢
    footer li:hover span { color: red; }
    你的span标签初始设置的就有color，并且span标签的权重大于li标签，所以直接设置li标签的color是不会生效的

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录
查看更多回答(4条)

报告相同问题？

  • 2022最全前端面试题汇总
    2023-04-03 18:37
    20. 超链接hover问题：如果已访问的链接没有hover样式，可能是浏览器默认样式覆盖，可通过CSS重置或添加`:visited:hover`解决。 21. Css Hack：针对特定浏览器的CSS样式写法，如`_height`针对IE6，`*height`针对IE7...
  • 前端领域的前端布局技巧分享
    2025-04-19 14:09
    AI架构全栈开发实战笔记的博客 前端布局是网页设计中至关重要的环节，它直接影响着用户体验和页面的视觉效果。本文的目的在于全面分享前端领域中常见且实用的布局技巧，涵盖从基础的布局概念到高级的响应式布局和网格布局等内容。范围包括对各种...
  • 前端基础知识点-每天一个基本知识点（100+个前端小知识，你是否都知道？）
    2022-02-21 00:25
    文默的博客 第二回：上面的大概两个人就坚持了一个月不到吧，再到后面这次，和之前一个阿里前端训练营的五个小伙伴的，结业之后我又提议每日分享，开始是很积极的，大概就一个月吧~~~就不在见大家写了，现在回头补上每次的分享...
  • 前端 50 道面试题及答案.docx
    2023-07-09 11:13
    包括ID选择器(#myid)、类选择器(.myclassname)、标签选择器(div,h1,p)、相邻选择器(h1 + p)、子选择器(ul>li)、后代选择器(li a)、通配符选择器(*)、属性选择器(a[rel="external"])、伪类选择器(a:hover, li:nth-...
  • 【前端】CSS详细教程（上篇）
    2021-10-18 10:23
    孤寒者的博客 爬虫必备前端技术栈 - CSS（上篇）
  • web前端面试题（必背面试题）
    2022-05-25 21:38
    Z_Xshan的博客 自己总结的常见的面试题 总字数13万+ 大概有200+左右道题 会不定期更新
  • 2022年前端面试题整理，持续更新中
    2022-03-11 18:14
    zh阿飞的博客 最新的面试题整理，整理了很多的一些基础知识， 适合初中级的前端开发
  • 前端领域中Bootstrap的分页组件动画
    2025-04-22 19:44
    AI实战架构笔记的博客 在前端开发中，分页组件是一个常见且重要的交互元素，用于将大量数据分页展示，提升用户体验。Bootstrap作为一款流行的前端框架，提供了基本的分页组件。然而，基本的分页组件缺乏动态效果，显得较为单调。本文的...
  • Web前端动态交互
    2024-06-11 09:14
    Vixerunt Yuan的博客 对象，页面必须来自同一个域名（子域名无效），使用同一种协议，在同一个端口上。检验用户名不能为空，清除用户名两端多余空格，最后向服务器提交去掉空格后的用户名；如果继续，则对表单数据做如下检验、处理和提示...
  • 前端CSS框架的实用技巧分享
    2025-05-26 02:10
    AI实战架构笔记的博客 本文的目的是为前端开发者提供关于CSS框架的实用技巧，帮助他们在实际项目中更高效地使用CSS框架。范围涵盖了常见的CSS框架，如Bootstrap、Tailwind CSS等，以及在响应式设计、组件化开发等方面的技巧。本文首先会...
  • 前端CSS3：打造炫酷网页效果的秘诀
    2025-04-18 15:51
    AI实战架构笔记的博客 前端开发者需要不断探索新的技术和方法来打造更加炫酷、吸引人的网页效果。CSS3作为前端开发中的重要技术，为实现这些炫酷效果提供了强大的支持。本文的目的是深入介绍CSS3的各种特性和应用，帮助开发者掌握打造炫酷...
  • 前端面试题汇总（二）含解答
    2016-10-05 22:11
    前端向朔的博客 最主要的不同： XHTML 元素必须被正确地嵌套。 XHTML 元素必须被关闭。 标签名必须用小写字母。...2.前端页面有哪三层构成，分别是什么?作用是什么?结构层 Html 表示层 CSS 行为层 js;3.你做的页面在哪些流览器测试
  • HTML5 前端标签页：多内容切换技术
    2025-05-29 19:15
    AI实战架构笔记的博客 本文将聚焦HTML5标准下的标签页实现技术，覆盖基础结构搭建、样式优化、交互逻辑开发全流程，适合前端初学者到中级开发者学习。本文将按照“场景引入→核心概念→技术原理→实战开发→应用扩展”的逻辑展开：先用...
  • 前端领域中Bootstrap的面包屑导航动画
    2025-05-18 19:27
    AI实战架构笔记的博客 前端领域中Bootstrap的面包屑导航动画 关键词：Bootstrap、面包屑导航、CSS动画、JavaScript交互、响应式设计、用户体验、前端开发 摘要：本文深入探讨了Bootstrap框架中面包屑导航的动画实现技术。我们将从基础概念...
  • 前端领域 CSS3 过渡的过渡属性设置
    2025-04-21 09:48
    AI架构全栈开发实战笔记的博客 在前端开发中，为了给用户带来更丰富、更流畅的交互体验，动画效果的运用至关重要。CSS3 过渡作为一种轻量级的动画解决方案，允许元素在两个状态之间平滑过渡。本文的目的在于全面介绍 CSS3 过渡的过渡属性设置，...
  • 前端 Vue.js 动画效果实现技巧
    2025-06-15 17:08
    AI实战架构笔记的博客 前端 Vue.js 动画效果实现技巧 关键词：Vue.js、动画、过渡、CSS动画、JavaScript动画、性能优化、交互设计 摘要：本文将深入探讨Vue.js中实现动画效果的多种技巧，从基础的CSS过渡到复杂的JavaScript动画，涵盖过渡...
  • 用jQuery优化前端按钮交互效果
    2025-04-07 02:41
    AI架构全栈开发实战笔记的博客 在当今的Web开发中，...本文章的目的是探讨如何使用jQuery来优化前端按钮的交互效果，包括但不限于按钮的点击效果、悬停效果、禁用启用状态切换等。范围涵盖了从基本的交互效果实现到较为复杂的动画效果和事件处理。
  • 没有解决我的问题, 去提问

问题事件

  • 系统已结题 8月24日
  • 已采纳回答 8月16日
  • 创建了问题 8月16日