HTML代码:

<li>&nbsp;<span>4</span>&nbsp;<a href="#">巨型一号丝瓜水320ML</a></li>

核心CSS:

        li:hover a{
color:#E9185A;
text-decoration:underline;
}
li:hover span{
background-color:#E9185A;
}

<li> 是 <span>和 <a> 的父容器,通过

父元素:hover 子元素2    {      。。。。。    }

父元素:hover 子元素2   {      。。。。。    }

最新文章

  1. MMAP和DIRECT IO区别
  2. Python基本数据类型之整型和布尔型
  3. HTTP Status Code [RFC]
  4. 很不错的jQuery学习资料和实例
  5. 【PHP设计模式 10_ShiPeiQi.php】适配器模式
  6. C#中汉诺塔问题的递归解法
  7. 读取本地excel发短信
  8. Cacti完全使用手册 ( 让你快速个性化使用Cacti )
  9. HttpWebRequest 抓取页面异常处理办法
  10. SSM 五:Spring核心概念
  11. git解析日志常用命令
  12. nginx加密,访问接口认证
  13. python html css 初识
  14. Retrofit提交Json
  15. 001.Redis简介及安装
  16. lucas 模板 洛古模板题
  17. 如何从jks文件中导出公私钥
  18. Tomcat 自动化部署
  19. 【BZOJ】4753: [Jsoi2016]最佳团体 01分数规划+树上背包
  20. 笔记:使用 Protel 99 SE 改一块车充 PCB

热门文章

  1. nginx的反向代理和配置
  2. VxWorks引导启动过程
  3. python变量与常量内容:
  4. day_05 运算符 if和while的使用
  5. chrome模拟慢速3G网络
  6. org.springframework.web.servlet.view.ContentNegotiatingViewResolver
  7. CSS中的 vh/vw
  8. react项目导出数据怎么做?
  9. Ubuntu ssh秘钥生成
  10. [luogu]P1026 统计单词个数[DP][字符串]